Javascript能否检测到嵌入的Youtube视频何时结束?
我有一个包含视频的div。div的背景是一个假的“播放”按钮,我设计它作为播放按钮,而不是Youtube的标准视频“播放”按钮。视频最初设置为Javascript能否检测到嵌入的Youtube视频何时结束?,javascript,video,youtube,dom-events,Javascript,Video,Youtube,Dom Events,我有一个包含视频的div。div的背景是一个假的“播放”按钮,我设计它作为播放按钮,而不是Youtube的标准视频“播放”按钮。视频最初设置为“显示:无” 我已经部署了下面的代码,这样当您单击div时,div将消失,视频现在显示并开始播放 如何编辑代码,以便在视频播放完毕后,视频消失,div重新出现 <div class="videodiv" this.style.cursor='pointer'; onclick="thevid=document.get
“显示:无”
我已经部署了下面的代码,这样当您单击div时,div将消失,视频现在显示并开始播放
如何编辑代码,以便在视频播放完毕后,视频消失,div重新出现
<div class="videodiv" this.style.cursor='pointer';
onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block';
this.style.display='none'; "></div>
<div class="youtubevid" id="thevideo" style="display: none;"><object width="420"
height="160"><param name="movie" value="//www.youtube.com/v/vIdeoUrl?
hl=en_US&version=3&rel=0&controls=0&showinfo=0&autoplay=1">
</param><param name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always">
</param><embed src="//www.youtube.com/v/vIdeoUrl?
hl=en_US&version=3&rel=0&controls=0&showinfo=0&autoplay=1"
type="application/x-shockwave-flash" width="420" height="160"
allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
以下是您要查找的内容:
顺便说一句,这是Youtube API,以下是您要查找的内容: 顺便说一句,这是Youtube的API。请看一下,似乎有一些事件
player.addEventListener('onStateChange', function(e) {
if (e.data === 0) {
// If state is 0 (ended), do something
}
});
player.addEventListener('onStateChange', function(e) {
if (e.data === 0) {
// If state is 0 (ended), do something
}
});