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 fix woocommerce-rating-stars-bugs-sssss?
- How to insert data from dynamically created add/remove fields in wordpress $wpdb?
- How to link background image from wordpress plugin folder?
- How to Hide WooCommerce Product Quantity Field from Product Pages?
- How to get warning when exit browser without saving?