Javascript 背景视频不';不要在镀铬的气垫上工作

Javascript 背景视频不';不要在镀铬的气垫上工作,javascript,google-chrome,video,Javascript,Google Chrome,Video,当我悬停一个链接时,我试图用声音播放背景视频。实际上,除了Chrome之外,它在所有浏览器中都可以正常工作。Chrome中的情况是,当我看到视频的第一帧时 我只停留在一个链接上。重新加载页面并不能解决问题。但是点击logo刷新页面确实解决了这个问题。当我将“静音”添加到视频标签时,它也可以正常工作。我读到Chrome默认会阻止视频和音频自动播放(我有66.0.3359.181版本的Chrome) 那么,有没有办法在第一个入口用Chrome播放背景视频和声音呢 您可以在此处查看网站示例: 我正在

当我悬停一个链接时,我试图用声音播放背景视频。实际上,除了Chrome之外,它在所有浏览器中都可以正常工作。Chrome中的情况是,当我看到视频的第一帧时 我只停留在一个链接上。重新加载页面并不能解决问题。但是点击logo刷新页面确实解决了这个问题。当我将“静音”添加到视频标签时,它也可以正常工作。我读到Chrome默认会阻止视频和音频自动播放(我有66.0.3359.181版本的Chrome)

那么,有没有办法在第一个入口用Chrome播放背景视频和声音呢

您可以在此处查看网站示例:

我正在使用的代码:

var viewport=document.getElementsByClassName('fade')[0]
var video=document.getElementById('video'))
viewport.addEventListener('mouseover',function(){
视频播放()
},假);
addEventListener('mouseout',function(){
视频暂停()
},假);
document.getElementById('video').addEventListener('loadedmetadata',function(){
这个.currentTime=24;
},假)

我建议不要在enter上使用声音,因为它确实会激怒用户,所以对我来说,在chrome上似乎工作得很好