Stop a youtube video with jquery?

user_157503 0
Viewed 211577

I have a jquery slider that I have built, basically just three pannels that slide by applying negative left CSS values. Works great, but I have a youtube video in one slide that wont stop when I slide. I've tried display:none and Visibility:hidden which works in all but IE, the audio keeps going in IE.

Is there an easy way to kill a video with jquery?

youtube jquery javascript
19 Answers

from the API docs:

player.stopVideo()

so in jQuery:

$('#playerID').get(0).stopVideo();
user_736810

I've had this problem before and the conclusion I've come to is that the only way to stop a video in IE is to remove it from the DOM.

user_1807840

This works for me

stopIframeVideo = () => {
  let iframe = $('.video-iframe')
  iframe.each((index) => {
    iframe[index].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
  })
};

$('.close').click(() => {
    stopIframeVideo()
});

user_75448070

for those who are looking javascript solution

let iframeDiv = document.getElementById('demoVideo');
                        let video = iframeDiv.src;
                        iframeDiv.src = "";
                        iframeDiv.src = video;

It perfectly worked for me just put id='demoVideo' in your iframe tag and you are good to go :)

user_95283240
user_79135880
Related