HTML5，火狐播放影片重複的jQuery後插入

我提取從一個項目，我們正在努力在以下方面：HTML5，火狐播放影片重複的jQuery後插入

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

取決於瀏覽器這起着遠洋船或M4V視頻，一會期望。

頁面被加載，然後使用jQuery保存視頻。這在Safari和Chrome中完美運行。

問題是在Firefox（3.6.3）中。當您暫停視頻時，視頻的第二個副本仍在播放。

刪除Firebug中的視頻元素刪除了第一個可見的視頻，但留下了第二個視頻播放的音軌。網絡流量選項卡還顯示7.2 MB視頻也加載兩次。

Windows和Mac都出現此問題，並且在PC上更糟。

任何人都可以提供soloution？

感謝

吉姆

來源

2010-04-29 FearMediocrity

你可以嘗試設置類型爲''video/m4v''而不是''video/x-m4v''嗎？ – 2010-04-29 12:29:08

完成後，更改後的版本已打開：http://bridgedev1.com/videotest2.html - 看起來沒有什麼不同。 – FearMediocrity 2010-04-29 12:38:58

我們使用jQuery插入視頻標籤有非常不同的結果跨瀏覽器。（IE尤其糟糕。）

我們的解決方法是硬編碼視頻標記，然後調整屬性並使用.append（）添加源。

最佳，

扎克

開發，長尾視頻

來源

2010-05-07 19:38:36

我知道這個問題是一個幾個月大的，但我有同樣的問題，並找到了解決辦法。

在我的網頁的HTML我有以下DIV：

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

這個div充當一個用於FLV視頻和IE火狐&閃存播放器的佔位符。如果視頻是MP4並且瀏覽器支持.H264視頻，那麼JavaScript將用HTML5視頻標籤替換div。

起初，我在視頻標籤中包含了src屬性。這導致了您遇到的問題：視頻有時播放兩次，音頻翻倍。之後插入然後設置src似乎解決了問題。

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

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

來源

2010-08-17 20:23:53 BrianM

HTML5，火狐播放影片重複的jQuery後插入

回答

相關問題