• Как на сайте включить звук у видео Ютуб при наведении мышью?

    @Theqone
    Получилось сделать с помощью YouTube Player API. Звук видео включается при наведении мышкой на видео, но с условием если пользователь до этого кликнет один раз в любое место на странице(можно даже на сам фон с видео). Не разобрался почему так получается, может у тебя получится что-то сделать с этим.
    iframe {
                    pointer-events: none;
                }

    <div id="videoWrapper" style="height: 1080px;">
                <div id="player"></div>
            </div>

    var tag = document.createElement('script');
                tag.src = "https://www.youtube.com/iframe_api";
                var firstScriptTag = document.getElementsByTagName('script')[0];
                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                var player;
                function onYouTubeIframeAPIReady() {
                    player = new YT.Player('player', {
                        height: '100%',
                        width: '100%',
                        videoId: 'LXb3EKWsInQ',
                        events: {
                            'onReady': onPlayerReady,
                        }
                    });
                    document.getElementById('player').src = 'https://www.youtube.com/embed/LXb3EKWsInQ?enablejsapi=1&widgetid=1&autoplay=1&loop=1&playlist=LXb3EKWsInQ';
    
    
                }
                function onPlayerReady(event) {
    
                    player.setVolume(0);
                    player.playVideo();
                    let videoWrapper = document.getElementById('videoWrapper');
                    videoWrapper.addEventListener('pointerenter', () => {
                        player.setVolume(100);
                    });
                    videoWrapper.addEventListener('pointerout', () => {
                        player.setVolume(0);
                        player.playVideo();
                    });
                }
    Ответ написан
    Комментировать