当youtube视频完成时关闭fancybox弹出窗口 [英] Close fancybox popup when youtube video finish
问题描述
我在页面加载时使用youtube视频弹出了一个弹出窗口。
i did a popup with youtube video at page load.
我需要在视频完成后关闭弹出窗口...是否可以集成此脚本？
I need that the popup close when the video finish...is it possible to integrate this script?
这是代码：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("#yt").click(function() {
$.fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'title' : this.title,
'width' : 880,
'height' : 595,
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
'type' : 'swf',
'swf' : {
'wmode' : 'transparent',
'allowfullscreen' : 'true'
}
});
return false;
});
});
$('#foo').bind('click', function() {
alert($(this).text());
});
$('#foo').trigger('click');
</script>
</head>
<body onload='$("#yt").trigger("click");'>
<h1>fancybox example</h1>
<p><a id="yt" title="" href="https://www.youtube.com/watch? v=y0vh14W4iTM&fs=1&autoplay=1"></a></p>
我报告此讨论。
< a href =https://stackoverflow.com/questions/14880803/fancybox-and-youtube-api-events/23044787?noredirect=1#comment35210006_23044787> FancyBox和Youtube API活动
我没有用javascript练习有人可以帮助我？
I've not practice with javascript someone can help me?
推荐答案
你需要有页面上JS播放器的一个实例。然后你可以定位玩家状态的变化。 HERE 是指向您所需信息的链接。
You need to have an instance of the JS player on the page. Then you can target the player state changes. HERE is a link with the info you need.
您可以将脚本设置为在达到状态时运行，以关闭PopUp框。
You can set a script to run when your state is reached that will close your PopUp box.
这篇关于当youtube视频完成时关闭fancybox弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
