调用pause（）

Question

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

有时视频不起作用，并在我的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