Получилось сделать с помощью 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();
});
}