我有一个iframe中的视频链接,我想在视频结束时收到警报。我正在做这样的事情
var vid = document.getElementById("viddler-videoid");
vid.ended = function() {
alert("code here");
};
<iframe id="viddler-videoid" src="//www.viddler.com/embed/videoid/?f=1&autoplay=1&player=mini&make_responsive=0&hideFullScreenControl=true" width="497" height="375" frameborder="0" scrolling="no" allowfullscreen></iframe>
任何人都可以帮助我。
更新: 实际上我的旧代码面临浏览器问题。以前我使用的代码如下所示
<object width="497" height="375" id="viddlerOuter-videoId" type="application/x-shockwave-flash" data="//www.viddler.com/mini/videoid/">
<param name="movie" value="//www.viddler.com/mini/videoid/">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
<param name="allowFullScreen" value="true">
<param name="flashVars" value="f=1&autoplay=t&hideablecontrolbar=1&enablecallbacks=t&disableseek=1&disablebranding=1&loop=0&nologo=1&hd=1&initialVolume=50">
<object id="viddlerInner-videoid">
<video id="viddlerVideo-videoid" src="//www.viddler.com/file/videoid/html5mobile?openURL=di" type="video/mp4" width="497" height="375" poster="//www.viddler.com/thumbnail/id/" controls="controls" x-webkit-airplay="allow"></video>
</object>
</object>
function playEnded() {
jwplayer('mediaspace').play();
}
这在firefox和chrome上运行正常,但现在这段代码只运行firefox。在Chrome浏览器视频中没有播放。这就是为什么我用iframe更新我的视频代码。 iframe视频正在运行,但第二个视频不播放,应该在结束iframe视频后播放。