HTML5視頻無法在iPhone和iPad上工作

Question

我正在開發一款網絡應用程序，我需要添加視頻標籤，以便與所有設備兼容。我使用下面的JavaScript代碼的添加視頻

var src = "some mp4 file source"; 
var video = document.createElement("video"); 
video.width = 600; 
video.height = 400; 
video.controls = true; 
video.autoplay = true; 
video.preload = "auto"; 
video.src = src; 
element.appendChild(video); 

上面的代碼工作正常，其中有HTML5和除了iPhone和iPad的所有設備這表明出現了錯誤兼容所有的瀏覽器。

我在想什麼？

Answer 1

該代碼會更好，如果你想實現一個視頻可以運行在任何設備

<video width="600" height="400" autoplay> 
<source src="movie.mp4" type="video/mp4"> 
<source src="movie.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 

這裏去的文件，你將需要工作： html5 video