youtube视频完成后的事件 [英] Event when youtube video finished
本文介绍了youtube视频完成后的事件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有简单的html代码，点击图片后播放youtube视频。
I have simple html code that plays youtube video after click on the image.
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="ytapiplayer2" style="display:none;">
<object width="1280" height="745">
<param name="movie" value="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"></embed>
</object>
</div>
<img src="https://i.qmyimage.com/mgen/global/zGetImageNew.ms?args=%22shpimg4198.jpg%22,425,96,1" id="imageID" />
<script type="text/javascript">
$('#imageID').click(function() {
$('#ytapiplayer2').show();
$('#imageID').hide();
});
</script>
</body>
我需要隐藏视频并在视频播放结束后显示图像。如何实现？
I need hide the video and show image back, after video finished play. How is it possible to implement?
推荐答案
Youtube有一个JavaScript API： https://developers.google.com/youtube/js_api_reference
Youtube has a JavaScript API: https://developers.google.com/youtube/js_api_reference
您需要的是 onStateChange 事件，结束时会给您0。
What you need is the onStateChange event, which will give you 0 when ended.
player.addEventListener("onStateChange", function(state){
if(state === 0){
// the video is end, do something here.
}
});
这篇关于youtube视频完成后的事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
