I am now a programmer and getting to know css.
I am student in Graphic Design building a website with WordPress and the Divi theme for my grand project.
There is a plugin “Bloom” that will popup an embedded html youtube iframe, but when it is closed the video keeps playing. i have searched for a couple of days on the forums and could not quite understand how to make it stop.

Here is my html for the popup.

<html>
 <body>
 <iframe id="ytvideo2" width="640" height="360" src="https://www.youtube.com/embed/IkktPPRahMU?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
 </body>
</html>

And the script that i found on the forums.

//First get theiframe URL
var url = $('#ytvideo').attr('src');

//Then assign the src to null, this then stops the video been playing
$('#ytvideo').attr('src', '');

// Finally you reasign the URL back to your iframe, so when you hide and load it again you still have the link
$('#ytvideo').attr('src', url);

I don’t even know if this is the right script for me and where it supposed to go. :(
Hope anyone could help me.
Thanks in advance.

Read more here: Stop youtube video when popup is closed


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: