2011-12-31 28 views
0

我試圖使用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中的另一個視頻? 謝謝!

回答