I video non vengono riprodotti in safari quando si utilizza il tag video html5

Question

Sto costruendo un sito Web utilizzando django. Sto cercando di includere un video nella mia pagina web usando il tag html5. Il mio codice è riportato di seguito.

<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> 

Ma il video non viene riprodotto nel browser Safari. Ho cambiato il video nel file video1.mov, ma non lo sto ancora riproducendo. Sto usando heroku per l'implementazione. Ho controllato se Quickstart è installato. È già installato. L'errore indicato è

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

Qualcuno può aiutarmi a risolvere questo problema?

Answer 1

Potrebbe essere un problema con come MP4 è codificato. So che la domanda è un po 'vecchia, ma ho avuto lo stesso problema, quindi nel caso in cui aiuti te o qualcun altro che trova questo prima come ho fatto:

Sembra che QuickTime (che è il plugin che riproduce MP4 per Safari) funziona solo quando il file è codificato con un determinato profilo. Questo è specificato nella domanda n. 2 in Apple's FAQ.

Anche se la specifica del protocollo non limita la formati video e audio, l'implementazione di Apple corrente supporta i seguenti formati:

video: H.264 Baseline Level 3.0, Baseline Livello 3.1, Livello principale 3.1, e livello di alto profilo 4.1.

Audio: HE-AAC o AAC-LC fino a 48 kHz, audio stereo MP3 (MPEG-1 Audio Layer 3) 8 kHz a 48 kHz, audio stereo AC-3 (per Apple TV, a passaggio solo tramite la modalità)

Avrete bisogno di codificare utilizzando uno di quei profili video per farlo funzionare con QuickTime, e quindi Safari.

Se ci si rivolge anche dispositivi iOS, this table potrebbe essere utile anche al fine di sapere cosa si sta compatibile con:

Baseline 3.0: Tutti i dispositivi

Baseline 3.1 : iPhone 3G e versioni successive e iPod touch di seconda generazione e versioni successive.

Profilo principale 3.1: iPad (tutte le versioni), Apple TV 2 e successive e iPhone 4 e versioni successive.

Main Profile 4.0: Apple TV 3 e successive, iPad 2 e versioni successive, e iPhone 4S e successivamente

High Profile 4.0: Apple TV 3 e successivi, iPad 2 e successivi, e iPhone 4S e più tardi.

High Profile 4.1: iPad 2 e versioni successive e iPhone 4S e versioni successive.

E, infine, ecco le ffmpeg opzioni per la creazione di queste codifiche: https://trac.ffmpeg.org/wiki/Encode/H.264#AdditionalInformationTips

E 'anche utile sapere che si può solo aprire un file in QuickTime (non c'è bisogno di caricare tramite Safari) per verificare se un file funziona.