Home › Forums › Design › jQuery overlay pop-window › Reply To: jQuery overlay pop-window
Here is the code I used:
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script>
document.getElementById(‘ytPlayer’).innerHTML = document.getElementById(‘codeholder’).innerHTML;
</script>
</head>
[youtube https://www.youtube.com/watch?v=Pf4vesL4Qo0?rel=0&w=640&h=380%5D
<
div>
<
div>
<
div>
<script type=”text/javascript”>
document.addEventListener(‘DOMContentLoaded’, function() {
var gate = window, page = this,
link = page.createElement(‘script’), video, iframe;
link.src = ‘https://www.youtube.com/embed/Pf4vesL4Qo0?rel=0/iframe_api’;
page.getElementsByTagName(‘head’)[0].appendChild(link);
gate.onYouTubeIframeAPIReady = makeFrame;
function makeFrame() {
if (video) video.destroy();
video = new YT.Player(‘player’, {
width: ‘100%’,
height: ‘100%’,
videoId: ‘5k_LZbS5oig’,
events: {
‘onStateChange’: phasePulse
}
});
iframe = page.getElementById(‘player’);
}
function phasePulse(event) {
if (event.data) return;
var style = gate.getComputedStyle(iframe, null),
range = parseInt(style.getPropertyValue(‘width’)),
crest = parseInt(style.getPropertyValue(‘height’));
if (range == gate.innerWidth && crest == gate.innerHeight) makeFrame();
}
});
</script>