如何动态更改iOS 5的HTML5 .webm文件？

问题描述：

我试图使用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中的另一个视频？谢谢！

答

它可能是，但iOS doesn't support .webm因此，无论您做什么，它都不会与这些特定的视频一起使用。

如何动态更改iOS 5的HTML5 .webm文件？

相关推荐