KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have a hidden div containing a YouTube video in an <iframe> . When the user clicks on a link, this div becomes visible, the user should then be able to play the video. When the user closes the panel, the video should stop playback. How can I achieve this? Code: <!-- link to open popupVid --> <p><a href="javascript:;" onClick="document.getElementById('popupVid').style.display='';">Click here</a> to see my presenting showreel, to give you an idea of my style - usually described as authoritative, affable and and engaging.</p> <!-- popup and contents --> <div id="popupVid" style="position:absolute;left:0px;top:87px;width:500px;background-color:#D05F27;height:auto;display:none;z-index:200;"> <iframe width="500" height="315" src="http://www.youtube.com/embed/T39hYJAwR40" frameborder="0" allowfullscreen></iframe> <br /><br /> <a href="javascript:;" onClick="document.getElementById('popupVid').style.display='none';"> close </a> </div><!--end of popupVid -->
Tags (comma-separated)
Save Edits
Cancel