iOS 5 のブラウザで JavaScript を使用してビデオ ファイルを変更しようとしています。
これは画像です。ユーザーがクリックすると、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 で現在再生中のビデオを別のビデオに動的に変更することは可能ですか? ありがとう !