调用play（）中断了play（）请求

Question

嗨，我在将超过5个视频添加到fullpage.js时遇到问题

有时视频无法正常播放并出现此错误Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()在Chrome控制台中， Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause() 。

并且所有视频未加载到网络中

我使用了来自fullpage.js的数据自动播放

这就是我用html调用视频的方式。

<div class="video__container">
   <video data-autoplay loop class="video"> 
      <source src="assets/Video_drone.mp4" type="video/mp4">
   </video>
</div>

有什么解决办法吗？ 提前致谢。

Answer 1

此人写了一个很好的概述：

https://developers.google.com/web/updates/2017/06/play-request-was-interrupted

基本上，从调用play（）返回的Promise看起来需要返回，然后才能进行对pause（）的调用。 但是，由于您使用的是fullpage.js，因此，如果他们的代码是调用pause（）的地方，则可能必须向他们提交错误报告或发布补丁。

我有点困惑，尽管这里的规范似乎将play（）定义为返回void。

https://www.w3.org/TR/html50/embedded-content-0.html#the-video-element

其他地方也表明不返回任何值：

https://www.w3schools.com/tags/av_met_play.asp