gpt4 book ai didi

javascript - YouTube 视频结束时发生的事件

转载 作者:行者123 更新时间:2023-12-02 22:38:48 24 4
gpt4 key购买 nike

我有简单的 html 代码,可以在单击图像后播放 YouTube 视频:

<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>

我需要在视频播放完毕后隐藏视频并显示图像。怎样才能实现呢?

最佳答案

Youtube 有一个 JavaScript API:https://developers.google.com/youtube/js_api_reference

您需要的是onStateChange事件,结束时会给你 0。

player.addEventListener("onStateChange", function(state){
if(state === 0){
// the video is end, do something here.
}
});

关于javascript - YouTube 视频结束时发生的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10773322/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com