Quelle Subtag in Tag-Video ignoriert von Safari

Question

folgenden Angaben nicht mit Safari funktioniert 10.1

Die HTML ist

<div class=" "> 
     <video controls preload style="display: block; width: 90%; height: auto; margin: auto;" poster="/media/preview.png"> 
    <source src="media/source1.mp4" type="video/mp4"> 
    <source src="media/source2.mp4" type="video/mp4"> 
    <source src="media/source3.webm" type="video/webm"> 
    Your browser does not support the <code>video</code> element. 
</video>  

Das Video wird nicht in Safari 10.1, in Firefox und Chrome spielen, es tut .

Darüber hinaus scheint das Element source in den Elementinformationen in Safari nicht erkannt zu werden. Es erscheint einfach nicht. Allerdings konnte ich das Video herunterladen (es heruntergeladen die erste mp4-Version). Die heruntergeladene Datei könnte geöffnet und von Safari abgespielt werden.

Irgendwelche Hilfe?

Danke!

Answer 1

Ich habe dies versucht und dies scheint mit Safari Version 10.1.1 (12603.2.4) zu funktionieren Bitte überprüfen Sie, ob irgendeine Klasse die Höhe des Players nicht überschreibt oder ein Plugin die Videowiedergabe verhindert.

<div class=""> 
 
    <video controls preload style="display: block; width: 90%; height: auto; margin: auto;"> 
 
    <source src="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4"> 
 
    <source src="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4"> Your browser does not support the <code>video</code> element. 
 
    </video> 
 
</div>