play() 请求被 pause() 调用中断答案

【问题标题】：The play() request was interrupted by a call to pause()play() 请求被 pause() 调用中断
【发布时间】：2017-11-16 13:15:08
【问题描述】：

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

有时视频无法播放，并且在我的 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>

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

【问题讨论】：

这里的一些代码会有很大帮助
或者至少有一个链接与问题的再现？如果您认为这是 fullPage.js 中的错误，我鼓励您在 fullPage.js issues forum 中打开一个主题，并提供单独的复制和分步指南。
我们向应用中的视频发出大量播放/暂停命令，并且经常看到此错误。

标签： javascript html html5-video fullpage.js

【解决方案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

【讨论】：