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視頻結束不工作

回答

相關問題