Mp4 видео не будет воспроизводиться в iPad

Добрый день, я работаю над этим проектом и узнаю, как разместить видео на ipad и во всех других браузерах.

Но после написания кода для этого я заметил, что единственное, что я получаю от iPad, - это первый ключевой кадр видео, но видео не воспроизводится. Когда я нажимаю кнопку "Play", которая появляется на этом экране ipad, видео не воспроизводится. Странно, у скрипта есть команда автозапуска.

Что не так с этим скриптом? Есть ли лучший способ сделать это? Я потратил слишком много времени на это и не могу этого сделать. Я проверил это в Safari для Windows, Firefox, Internet Explorer, и он работает везде, кроме iPad.

<video controls width="920px" height="560px" autoplay>  
<!-- if Safari/Chrome-->  
<source src="video.mp4" type="video/mp4" /> 
<source src="video.ogv" type="video/ogg" /> 
<!--If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.)-->  
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="920" height="560" id="csSWF">
                <param name="movie" value="video_controller.swf" />
                <param name="quality" value="best" />
                <param name="bgcolor" value="#1a1a1a" />
                <param name="allowfullscreen" value="true" />
                <param name="scale" value="showall" />
                <param name="allowscriptaccess" value="always" />
                <param name="flashvars" value="autostart=true&showstartscreen=false&color=0x1A1A1A,0x1A1A1A" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="video_controller.swf" width="920" height="560">
                    <param name="quality" value="best" />
                    <param name="bgcolor" value="#1a1a1a" />
                    <param name="allowfullscreen" value="true" />
                    <param name="scale" value="showall" />
                    <param name="allowscriptaccess" value="always" />
                    <param name="flashvars" value="autostart=true&showstartscreen=false&color=0x1A1A1A,0x1A1A1A" />
                <!--<![endif]-->
                    <div id="noUpdate">
                        <p>The video content presented here, requires a more recent version of the Adobe Flash Player. If you are using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.adobe.com/go/getflashplayer">downloading here</a>.</p>
                    </div>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
            <script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    swfobject.registerObject("csSWF", "9.0.28", "expressInstall.swf");
</script>
</video>
Источник

3 ответа

Решение

Каковы характеристики видео mp4 (разрешение и профиль)? IPad не поддерживает все разновидности mp4.

Вы пробовали простой HTML без вспышки и источника ogv?

Похоже, ваш более sepc:

iPad поддерживает видео формат

  • Видео H.264 (до 720p, 30 кадров в секунду; уровень основного профиля 3.1 с аудио AAC-LC до 160 Кбит / с, 48 кГц, стерео аудио в форматах файлов.m4v,.mp4 и.mov)
  • Видео MPEG-4, до 2,5 Мбит / с, 640 на 480 пикселей, 30 кадров в секунду, Простой профиль со звуком AAC-LC до 160 Кбит / с, 48 кГц, стереозвук в форматах файлов.m4v,.mp4 и.mov.
Источник

Может быть, лучше, если вы также укажете основные медиа-кодеки

<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
Источник

Может ли это быть так?

"iOS не распознает видео, если вы включите атрибут poster. Атрибут poster элемента позволяет отображать пользовательское изображение во время загрузки видео или до тех пор, пока пользователь не нажмет" play ". Эта ошибка исправлена ​​в iOS 4.0, но пройдет некоторое время, прежде чем пользователи обновятся ".

Нашел это в Dive into HTML5

Источник
Другие вопросы по тегам