Question

当我悬停链接时，我试图用声音播放背景视频。实际上它在除Chrome之外的所有浏览器中都能正常工作Chrome中发生了什么，我看到了视频的第一帧我只是悬停一个链接而已。重新加载页面并不能解决问题。但点击徽标刷新页面可以解决问题。当我添加＆＃34;静音＆＃34;到视频标签它也工作正常。我看到Chrome默认阻止视频和音频自动播放（我有66.0.3359.181版本的Chrome）。

那么有没有解决方案在第一次入口时在Chrome中播放带声音的背景视频？

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

http://s90685xj.beget.tech/

我使用的代码：

＆＃13;

var viewport = document.getElementsByClassName('fade')[0]
var video = document.getElementById('video')
viewport.addEventListener('mouseover', function() {
  video.play()
}, false);
viewport.addEventListener('mouseout', function() {
  video.pause()
}, false);
document.getElementById('video').addEventListener('loadedmetadata', function() {
  this.currentTime = 24;
}, false);

＆＃13;

<a href="#" class="fade film">New York<span><video id="video" class="video-background"><source src="http://s90685xj.beget.tech/wp-content/uploads/2018/05/Hernandos-Hideaway-Broadway-Dreams-NYC-Showcase-2016.mp4"></source></video></span></a>

＆＃13;

提前感谢您的帮助！

背景视频无法在Chrome中悬停

0 个答案: