Tüm tarayıcılarda video destekleniyor mu?

Question

Arka plan videosu (.mp4) kullanan bir web sitesi oluşturdum ve bazı tarayıcılarda bazen oynatılmayacağını fark ettim. Destekleyici dosya türlerini ekleyebilmem için bir yol olup olmadığını merak ettim, eğer biri görüntülenmiyorsa, sıradaki kişi bunun yerine çalacak.

Videonun 3 dosya biçiminde (.ogg/.ogv?), (.mp4) ve (.webm) var, caniuse'a baktığımda, 3 arasında desteklenecek gibi görünüyor. Sorum şu ki, bu videoyu daha sonra gideceğim bu 'başarısız güvenli' yaklaşımı gerçekleştirmek için html'ye başka bir kaynak olarak ekleyebilir miyim?

<video autoplay loop class="fillWidth"> 
    <source src="" type="video/mp4" width="1024" height="768" />Your browser does not support the video tag. I suggest you upgrade your browser. 
</video> 
<div class="poster hidden"> 
    <img src="" alt=""> 
</div> 

Ben videosu ve kullanıcı mobil olması durumunda bir poster için bir .png yüklemek için source özniteliğiyle video etiketini kullanın:

Bu benim video oynatıcı kurdunuz nasıl Her bir farklı source ile iki tane daha video etiketi ekleyebilir miyim, yoksa bunu başarmanın daha zarif bir yolu var mı? Bunun gibi

:

<source src="" type="video/ogv" width="1024" height="768" /> 
<source src="" type="video/webm" width="1024" height="768" /> 

yardıma teşekkür ederiz!

Answer 1

Tek bir video etiketini ve birden çok kaynak etiketini kullanmanız yeterlidir. Tarayıcı uygun kaynağı seçecektir.

Ör:

<video autoplay loop class="fillWidth"> 
    <source src="vid.mp4" type="video/mp4" width="1024" height="768" /> 
    <source src="vid.ogv" type="video/ogv" width="1024" height="768" /> 
    <source src="vid.webm" type="video/webm" width="1024" height="768" /> 
    Your browser does not support the video tag. I suggest you upgrade your browser. 
</video>