How to prevent “The play() request was interrupted by a call to pause()” error?

by

I have encountered this issue recently as well – this could be a race condition between play() and pause(). It looks like there is a reference to this issue, or something related here.

As @Patrick points out, pause does not return a promise (or anything), so the above solution won’t work. While MDN does not have docs on pause(), in the WC3 draft for Media Elements, it says:

media.pause()

Sets the paused attribute to true, loading the media resource if necessary.

So one might also check the paused attribute in their timeout callback.

Based on this great SO answer, here’s a way you can check if the video is (or isn’t) truly playing, so you can safely trigger a play() without the error.

var isPlaying = video.currentTime > 0 && !video.paused && !video.ended 
    && video.readyState > video.HAVE_CURRENT_DATA;

if (!isPlaying) {
  video.play();
}

Otherwise, @Patrick‘s answer should work.

More Related Contents:

  1. How do I load an HTML page in a div using JavaScript?
  2. JavaScript: How to find out if the user browser is Chrome?
  3. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  4. JSFiddle code not working in my own page
  5. Cross-origin data in HTML5 canvas
  6. HTML 5 video or audio playlist
  7. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  8. Is innerHTML asynchronous?
  9. How to clear cache of service worker?
  10. Checkbox Check Event Listener
  11. How do I disable the save password bubble in chrome using Javascript?
  12. How can I retain the scroll position of a scrollable area when pressing back button?
  13. “Status Code:200 OK (from ServiceWorker)” in Chrome Network DevTools?
  14. Chrome FileReader
  15. Completely lost on how to save extension popup window content
  16. HTML5 playback with fade in and fade out
  17. gapless looping audio html5
  18. How to get list of network requests done by HTML
  19. Making a Chrome Extension download a file
  20. How to toggle audio play() pause() with one button or link?
  21. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  22. Popstate on page’s load in Chrome
  23. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  24. HTML5 drop event doesn’t work unless dragover is handled
  25. How to check if HTML5 audio has reached different errors
  26. Print repeating Page headers in Chrome [closed]
  27. Generating sound on the fly with javascript/html5
  28. Where are cookies saved for a local HTML file?
  29. HTML5 Notification not working in Mobile Chrome
  30. Chrome Extension get selected text

Leave a Comment