Видео, не воспроизводимые в safari при использовании тега html5 video

Я создаю веб-сайт с помощью django. Я пытаюсь включить видео на свою веб-страницу с помощью тега html5. Мой код приведен ниже.

<video controls style="width: 100%; height: 100%;" id="video" preload="none">
                    <source src="{% static 'media/video1.ogv' %}" type='video/ogg; codecs="theora, vorbis"'/>
                    <source src="{% static 'media/video1.webm' %}" type='video/webm'>
                    <source src="{% static 'media/video1.mp4' %}" type='video/mp4'>
                    <p>Video is not visible, most likely your browser does not support HTML5 video</p>
                </video>

но видео не воспроизводится в браузере safari. Я изменил видео на video1.mov файл, но все равно не играет. Я использую heroku для развертывания. Я проверил, установлен ли Quickstart. Он уже установлен. Показанная ошибка 

Failed to load resource: Plug-in handled load
http://www.***.com/static/media/video1.mov

может кто-нибудь помочь мне с этим разобраться?

9
django heroku html5 python safari

1 ответов

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

Кажется, что QuickTime (плагин, который играет MP4s для Safari) работает только тогда, когда файл закодирован с определенным профилем. Это указано в вопросе № 2 в FAQ от Apple.

хотя спецификация протокола не ограничивает видео и аудио форматы, текущая реализация Apple поддерживает следующие форматы:

видео: H. 264 базовый уровень 3.0, базовый уровень 3.1, Основной уровень 3.1 и высокий уровень профиля 4.1.

аудио: HE-AAC или AAC-LC до 48 кГц, стерео аудио MP3 (MPEG-1 Audio Layer 3) от 8 кГц до 48 кГц, стерео аудио AC-3 (для Apple TV, только в сквозном режиме)

вам потребуется, чтобы закодировать с помощью одного из этих профилей, чтобы заставить его работать с QuickTime, и, следовательно, Safari.

Если вы также нацелены на устройства iOS,в этой таблице может быть полезно тоже, чтобы знать, что вы совместимы с:

базовый 3.0: все устройства

Базовый показатель 3.1: iPhone 3G и позже, и iPod touch 2-го поколения и позже.

основной профиль 3.1: iPad (все версии), Apple TV 2 и более поздние версии и iPhone 4 и позже.

Основной Профиль 4.0: Apple TV 3 и позже, iPad 2 и позже, и iPhone 4S и позже

Высокий Профиль 4.0: Apple TV 3 и позже, iPad 2 и позже, и iPhone 4S и позже.

Высокий Профиль 4.1: iPad 2 и позже и iPhone 4s и более поздних.

и, наконец, вот ffmpeg опции для создания этих кодирования: https://trac.ffmpeg.org/wiki/Encode/H.264#AdditionalInformationTips

также полезно знать, что вы можете просто открыть файл в QuickTime (вам не нужно загружать через Safari), чтобы проверить, работает ли файл.

6