2011-02-17 60 views
1

工作我想一個jQuery創建的視頻標籤加載到我的網頁用下面的代碼:我的HTML5視頻無法在ipad

var vidDiv = vpJQuery("#videoHolder"); 
var vidControl = vpJQuery("<video></video>"); 
vidControl.attr("width", "512"); 
vidControl.attr("height","288"); 
vidControl.attr("controls","controls"); 
vidControl.attr("id","vidControl"); 
var vidSource = vpJQuery("<source />"); 
vidSource.attr("src", vidUrl); 
vidSource.attr("type", "video/mp4"); 
vidControl.append(vidSource); 
vidDiv.empty(); 
vidDiv.append(vidControl); 
vpJQuery("#vidControl > source").attr("src", vidUrl); 
var vidPlayer = vpJQuery("#vidControl").get(0); 
vidPlayer.load(); 
vidPlayer.play(); 

vidUrl是亞馬遜託管我的MP4路徑。 這在我的桌面網絡工具包和iPhone SIM,但不是iPad的SIM卡正常工作! 我通過iPad上的線獲得了播放圖標,有什麼想法?

+0

我會測試這個,而不是通過jQuery創建它,只是作爲一個正常的元素第一次。這樣你可以找出問題的原因。 – Petrogad 2011-02-22 18:47:35

回答

0

@ Kon的回答是正確的,但他的鏈接不再有效。有關瀏覽器矩陣,請參閱wikipedia