How to stop and pause youtue video in jquery?
Html
<iframe width="560" height="315" src="https://www.youtube.com/embed/mKt-MDwtVB4" frameborder="0" allowfullscreen></iframe> <button class="fancybox-close">Stop video please</button>
CSS
body {width:60%;margin:3em auto;}
footer {border-top:1px solid #ccc;padding:1em 0;}jQuery
// Finds all iframes from youtubes and gives them a unique class
jQuery('iframe[src*="https://www.youtube.com/embed/"]').addClass("youtube-iframe");
jQuery(".fancybox-close").click(function() {
// changes the iframe src to prevent playback or stop the video playback in our case
$('.youtube-iframe').each(function(index) {
$(this).attr('src', $(this).attr('src'));
return false;
});
//click function
});
Read More Posts
- How to redirect user on different page accounding to user (Customer, editor, admin, subscriber and etc) on wordpress dashboard?
- How to Create a Custom Page in WordPress?
- How to shrink navbar on scroll ?
- How to enqueue script and css file in child-theme and main plugin file in worpress?
- How TO Scroll Back To Top Button in wordpress?