Мой HTML5 видео не работает в iPad

Question

Я пытаюсь загрузить созданный jquery тег видео на мою страницу со следующим кодом:

var vidDiv = vpJQuery("#videoHolder");
var vidControl = vpJQuery("<video></video>");
vidControl.attr("width", "512");
vidControl.attr("height","288");
vidControl.attr("controls","controls");
vidControl.attr("id","vidControl");
var vidSource = vpJQuery("<source />");
vidSource.attr("src", vidUrl);
vidSource.attr("type", "video/mp4");
vidControl.append(vidSource);
vidDiv.empty();
vidDiv.append(vidControl);
vpJQuery("#vidControl > source").attr("src", vidUrl);
var vidPlayer = vpJQuery("#vidControl").get(0);
vidPlayer.load();
vidPlayer.play();

vidUrl - мой путь mp4, размещенный на amazon.Это прекрасно работает в моем настольном веб-комплекте и на iphone sim, но не на ipad sim!Я получаю значок воспроизведения с линией через него на ipad, есть идеи?

Answer 1

Убедитесь, что предоставленный вами формат файла поддерживается iPad.Это хорошее руководство: http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/

Answer 2

@ Ответ Кона правильный, но его ссылка больше не активна.См. wikipedia для матрицы браузера.