HTML5 Видео "Черный экран" на iPad

Я создаю веб-сайт с встроенными в него видео. Этот сайт также должен обслуживать пользователей iPad, но на данный момент у меня проблемы с тегом ol video. У меня есть видео, которое отлично воспроизводится в браузерах, но не на iPad, к сожалению.

Я просто получаю черный экран с iPad и не сообщаю об ошибке.

Вот мой код для видео:

<video id="movie" width="790" height="250" controls >
    <source src="anim/intro.ipad.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="anim/intro.webm" type='video/webm; codecs="vp8, vorbis"'>
    <source src="anim/intro.theora.ogv"  type='video/ogg; codecs="theora, vorbis"'>
</video>
<script>
    var v = document.getElementById("movie");
    v.onclick = function() {
        if (v.paused) {
            v.play();
        } else {
            v.pause();
        }
    };
</script>

Все видео создавались в соответствии с учебными пособиями по видео HTML5. Все они были закодированы с использованием предпочтительных настроек iPad в конвертере Miro Video.

Просто поднимите это дело (я не уверен, что это будет) Я тестирую видео на симуляторе iPad.

Независимо от того, что я делаю, я просто не могу воспроизвести видео:

Ответ 1

Вы уверены, что получили правильную кодировку?
Попробуйте это проверить:

<video src="anim/intro.ipad.mp4" controls>  
      Your browser does not support the video element.  
</video>

Ответ 2

- ваш .htaccess файл, обслуживающий определенные видеофайлы правильно?

Убедитесь, что ваш сервер использует правильные типы mime. Firefox не будет воспроизводить видео Ogg, если тип mime ошибочен. Поместите эти строки в ваш .htaccess файл, чтобы отправить правильные mime-типы в браузеры.

AddType video/ogg  .ogv
AddType video/mp4  .mp4
AddType video/webm .webm

Ссылка: Видео для всех

Также, вы изменяете элемент видео с помощью позиционирования? Я обнаружил, что это также создает этот черный экран.