2014-09-26 66 views
0

我有我動態創建兩個視頻文件:秒視頻播放一點兒也不直到第一視頻正在播放第一

$.each(data.reports, function(i, report) { 
     var video = document.createElement("video"); 
     video.setAttribute('src', 'friday.mp4'); 
     video.setAttribute('type', 'video/mp4'); 
     document.getElementById("Data").appendChild(video); 
     $('video').prop("controls", true); 
     $('video').prop("width", 400); 
}) 

,如果我按在第一視頻的播放按鈕,一切工作正常。 如果我先按下第二個視頻(在按下第一個視頻之前),直到我按下第一個視頻纔會起作用。

爲什麼問題發生? 我試圖搜索網頁,但沒有成功..

在此先感謝!

+1

檢查此網址http://jsfiddle.net/fmh055jn/它也是動態的,它工作正常。在javascript之後檢查生成的html。 – Rajasekhar 2014-09-26 13:33:08

+0

這是非常奇怪的......:O 那麼會有什麼問題呢?爲什麼它不起作用在我的網站上? :( – user2320431 2014-09-26 13:38:04

+0

分享網站的網址..如果它是公開的 – Rajasekhar 2014-09-26 13:43:04

回答

0

您應該將controls和width屬性設置在循環外,或者在追加到'#Data'div之前通過video.setAttribute調用進行設置。 $( '視頻')的目標是所有視頻元素,內循環,這樣調用是試圖使不必要的或錯誤多結合

$。每個(data.reports,功能(I,報告){

var video = document.createElement("video"); 
    video.setAttribute('src', 'friday.mp4'); 
    video.setAttribute('type', 'video/mp4'); 
    document.getElementById("Data").appendChild(video); 

}); ('video')。prop(「controls」,true); ('video')。prop(「width」,400);