Tommy Saputra
Tommy Saputra

Reputation: 163

The play() request was interrupted by a call to pause()

Hi i have a problem with adding more than 5 video to the fullpage.js

sometimes the video does not work and got this error Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause() in my chrome console.

and all the video not loaded in the network

enter image description here

i used data-autoplay from fullpage.js

This is how i called my video in html.

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

any solutions? Thanks in advance.

Upvotes: 2

Views: 11121

Answers (1)

mpr
mpr

Reputation: 3378

This person wrote up a good overview:

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

Basically it looks the Promise returned from calls to play() needs to return before calls to pause() can be made. Since you're using fullpage.js though, you may have to file a bug report or issue a patch with them, if their code is where the call to pause() is made.

I am a bit confused though as the spec here seems to define play() as returning void.

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

And other places indicate no value is returned also:

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

Upvotes: 1

Related Questions