0

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

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

正如人们所期望的那样，这会根据浏览器播放 OGV 或 M4V 视频。

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

问题是在 Firefox (3.6.3) 中。当您暂停视频时，视频的第二个副本仍在播放。

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

此问题在 Windows 和 Mac 上都会出现，在 PC 上更严重。

任何人都可以提供一个解决方案吗？

谢谢

吉姆

4

2 回答 2

2

我们使用 jQuery 插入视频标签的跨浏览器结果非常复杂。（IE 尤其糟糕。）

我们的解决方法是硬编码视频标签，然后调整属性并使用 .append() 添加源。

最好的，

扎克

开发者，长尾视频

于 2010-05-07T19:38:36.007 回答
2

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

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

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

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

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

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

$("#Video").replaceWith('<video id="HTML5Video" controls />');  
$("#HTML5Video")[0].src = "thefile.mp4";
$("#HTML5Video")[0].play();
于 2010-08-17T20:23:53.130 回答