Question

我从我们正在开发的项目中提取了以下内容：

http://www.bridgedev1.com/videotest.html

根据浏览器的不同，这会播放OGV或M4V视频。

加载页面，然后使用jQuery保存视频。这在Safari和Chrome中完美运行。

问题在于Firefox（3.6.3）。暂停视频时，视频的第二个副本仍在播放。

删除Firebug中的视频元素删除了第一个可见的视频，但留下了播放第二个视频的音轨。网络流量选项卡还显示7.2 MB视频也加载了两次。

在Windows和Mac上都会出现此问题，而在PC上则更糟。

有人可以提供解决方案吗？

由于

吉姆

Answer 1

我们使用jQuery跨浏览器进行了非常混合的结果来插入视频标记。（IE特别糟糕。）

我们的解决方法是对视频代码进行硬编码，然后调整属性并使用.append（）来添加源代码。

最佳，

扎克

开发者，LongTail视频

Answer 2

我知道这个问题已经有几个月了，但我遇到了同样的问题并找到了解决方案。

在我的页面的html中，我有以下div：

<div id="Video"></div>

此div用作flash播放器的占位符，用于flv视频和IE＆amp; Firefox浏览器。如果视频是MP4并且浏览器支持.H264视频，则javascript用于将div替换为HTML5视频标记。

首先，我在视频标记中包含了src属性。这导致了您遇到的问题：视频有时播放两次，音频加倍。先插入然后再设置src似乎可以解决问题。

    if (canPlayH264() && isMP4) { //HTML5       

$("#Video").replaceWith('<video id="HTML5Video" controls />');  
$("#HTML5Video")[0].src = "thefile.mp4";
$("#HTML5Video")[0].play();

HTML5，Firefox在jQuery插入后播放重复的视频

2 个答案: