移动设备上的Chrome似乎完全阻止了特定版本的自动播放(66)。 这些视频在以前的版本中自动播放,并且正在开发新版本(67)。
测试:
<video controls autoplay muted src="pathToFile.mp4"></video>
FiddleJS - https://jsfiddle.net/josewirewax/u4128v7s/
测试结果:
我无法在没有用户交互的情况下触发play(),否则我会收到错误:
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
我在代码中遗漏了什么? Chrome的任何文档或博客文章都在讨论这个问题吗?有没有解决方法?
答案 0 :(得分:1)
我遇到了同样的问题,这是由于移动设备上允许数据保护程序造成的,这完全阻止了自动播放。
关闭数据保护程序后,自动播放设置进入允许状态,视频开始自动播放。
我还没有找到一种方法可以在启用了数据保护的设备上可靠地自动播放视频,用户需要与文档进行交互,然后需要调用.play()
函数。