Как динамически изменить файл HTML5 .webm для iOS 5? - PullRequest
Новая
       17

Как динамически изменить файл HTML5 .webm для iOS 5?

0 голосов
/ 31 декабря 2011

Я пытаюсь использовать javascript для изменения видеофайла в браузере на iOS 5.

Вот изображение, когда пользователь нажимает, он вызывает функцию 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>

и вот элемент div, который содержит файл .webm, 

<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, но не работает на iPad 2 с iOS 5.0.1, я сделал как 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? Спасибо!

1 Ответ

1 голос
/ 01 января 2012

Возможно, но iOS не поддерживает .webm , поэтому он не будет работать с этими видео независимо от того, что вы делаете.

...