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

Я создаю веб-сайт, в который встроены видео. Этот веб-сайт также должен обслуживать пользователей iPad, но сейчас у меня проблемы с тегом old 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.

Что бы я ни делал, я просто не могу воспроизвести видео: