Skip to content

Instantly share code, notes, and snippets.

@johnny77221
Forked from cferdinandi/stop-video.js
Last active July 20, 2020 02:21
Show Gist options
  • Save johnny77221/dd49fba94330e80a8fa1ad60dd0ce7a4 to your computer and use it in GitHub Desktop.
Save johnny77221/dd49fba94330e80a8fa1ad60dd0ce7a4 to your computer and use it in GitHub Desktop.
A simple method to stop YouTube, Vimeo, and HTML5 videos from playing.
/**
* Stop an iframe or HTML5 <video> from playing
* @param {Element} element The element that contains the video
*/
var stopVideo = function ( element ) {
element.querySelectorAll('iframe').forEach(function(iframe) {
if ( iframe.contentWindow ) { /* send stop to content */
stopVideo(iframe.contentWindow.document);
}
else { /* Cross Domain, resetting src is all we can do, and the iframe might fail loading same url */
var iframeSrc = iframe.src;
iframe.src = iframeSrc;
}
});
element.querySelectorAll('video').forEach(function(item) { item.pause(); });
element.querySelectorAll('audio').forEach(function(item) { item.pause(); });
};
// then call from top level document
stopVideo(document);
@MerantauWarrior
Copy link

it won't work with YouTube iframe.contentWindow.document - this won'r pass XSS

@johnny77221
Copy link
Author

To the best of my knowledge, if resetting iframe src does not work(iframe contains autoplay video), there is no way to do this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment