firefox html5视频结束不工作

我有一个html5视频标签有点问题。一切都在铬和Safari浏览器中运行。视频播放完成后，功能启动。这在Firefox中不会发生。视频播放效果很好，但播放完成后，该功能无法启动。这里是代码：firefox html5视频结束不工作

HTML：

<video width="100%" height="100%" autobuffer controls> 
      <source src="video.webm" type="video/webm"> 
      <source src="video.mp4" type="video/mp4"> 
      Your browser does not support the video tag. 
</video>

的jQuery：

$('#playedVideo video').bind("ended", function(){ 
    $("#playedVideo").stop().animate({"bottom":"2000px"},800); 
    showBtns(); 
});

和这里的的.htaccess：

AddType video/ogg .ogv 
AddType video/mp4 .mp4 
AddType video/webm .webm 

AddType audio/mpeg .mp3 
AddType audio/ogg .ogg 
AddType audio/mp4 .m4a 
AddType audio/wav /wav

来源

2014-06-14 user2839873

您的代码似乎工作，但它由于元素的默认值position属性似乎不起作用t在Firefox中。

请参阅this jsfiddle其中我已将position属性的值<video>元素更改为absolute。

来源

2014-06-14 20:03:21

其实我有一个包装

你有多少包装你的视频标签？看起来好像你在绑定函数中使用ID'playVideo'，但在下一行中使用'playedVideo' ID。这是一个错字还是你有两个单独的ID？ –

这是一个错字，但我已修复它我我的原始代码，并没有什么变化 #playedVideo是包装，并与“#playVideo视频”我绑定视频标签到“结束” – user2839873

firefox html5视频结束不工作

回答

相关问题