我試圖使用JavaScript來更改視頻文件的瀏覽器在iOS 5如何動態更改iOS 5的HTML5 .webm文件?
這裏是一個圖像,當用戶點擊,它會調用ChangeVideo功能,
<table class=ControlLeft>
<tr><td colspan=1 class=GroupLabel>aaa</td></tr>
<tr>
<td class=MovieButton id=Cslide6><a href="#" onclick="ChangeVideo('Fire-presentation/m_slide1.webm')"><img class=ThumbImage src="Fire-presentation/thumbnails/slide6.png" alt="slide6"></a></td>
</tr>
</table>
,這裏是一個它包含一個.webm文件div元素,
<div id=container class=Container>
<video src=""Fire-presentation/m_slide1.webm" type="video/webm">
</video>
</div>
我用下面的腳本刪除容器HTML內容,並創建一個新的視頻元素。
function ChangeVideo(path)
{
var container = document.getElementById("container");
container.innerHTML = "";
var myVideo = document.createElement("video");
myVideo.src = path;
myVideo.type = "video/webm";
container.appendChild(myVideo);
myVideo.load();
myVideo.play();
}
它的工作原理我與Chrome和Firefox的PC上,但與iOS 5.0.1的iPad 2不工作,我一樣 http://clubajax.org/ipad-bug-fix-for-dynamically-created-html5-video/ 和 http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html#//apple_ref/doc/uid/TP40009523-CH3-SW5建議但既不工程。
是否有可能動態地將當前正在播放的視頻更改爲iPad 2中的另一個視頻? 謝謝!