Question

我对html5视频标签有点问题。在chrome和Safari中，一切都可行。视频播放并在完成功能后启动。这在firefox中不会发生。视频播放得很好，但完成后该功能无法启动。以下是代码：

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

Answer 1

您的代码似乎确实有效，但由于Firefox中元素的position属性的默认值，它似乎没有生效。

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

firefox html5视频结束不起作用

1 个答案: