Javascript 具有lightbox播放效果的自定义滑块
我在我的第一个视频中使用了这个,效果很好。但是,当我尝试使用其他调用复制相同的编码时,它并不正确。我基本上在两张不同的幻灯片上播放两个视频,但第二张幻灯片在第一张幻灯片上播放。我如何才能复制此文件以分离视频?? 按照链接,看看我的意思Javascript 具有lightbox播放效果的自定义滑块,javascript,jquery,Javascript,Jquery,我在我的第一个视频中使用了这个,效果很好。但是,当我尝试使用其他调用复制相同的编码时,它并不正确。我基本上在两张不同的幻灯片上播放两个视频,但第二张幻灯片在第一张幻灯片上播放。我如何才能复制此文件以分离视频?? 按照链接,看看我的意思 <p><a href="javascript:;" onClick="toggleVideo();">Click here</a></p> <!-- popup and contents --> <
<p><a href="javascript:;" onClick="toggleVideo();">Click here</a></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?enablejsapi=1" frameborder="0"
allowfullscreen></iframe>
<br />
<br />
<a href="javascript:;" onClick="toggleVideo('hide');">close</a>
</div>
function toggleVideo(state) {
// if state == 'hide', hide. Else: show video
var div = document.getElementById("popupVid");
var iframe = div.getElementsByTagName("iframe")[0].contentWindow;
div.style.display = state == 'hide' ? 'none' : '';
func = state == 'hide' ? 'pauseVideo' : 'playVideo';
iframe.postMessage('{"event":"command","func":"' + func + '","args":""}', '*');
}