2012-03-15 29 views
8

Etiketleri desteklemeyen tarayıcılar için bir resmi nasıl görüntüleyebileceğimi bilen var mı? Böyle olduğu gibi bir metin görüntüleme:Tarayıcı HTML5'in desteklemiyorsa nasıl görüntüleyebilirim <video> etiketi

<video src="video.mp4" type="video/mp4"> 
    Your browser does not support the <video> tag 
</video> 

kolay mı, ama ben bir img etiketi ile metnin yerine eğer, her zaman tarayıcı video etiketini desteklemek YAPAR bile görüntüyü gösterecektir.

(DÜZENLEME) Bu, benim testler yanlış ve video desteklenmediğinde img etiketi gerçekten sadece render alır durum böyle değildir (örn Safari 5) bilginizi paylaştığınız için

Teşekkür

cevap

14

ben sadece yanı HTML5's spec olarak this link kontrol, bu nedenle bu kodu sizin için çalışması gerekir:

<video controls="controls" poster="<your image poster if applicable>"> 
    <source src="video.mp4" type="video/mp4" /> 
    <img src="<your No video support image>" title="Your browser does not support the <video> tag" /> 
</video> 
+0

Teşekkürler, evet işe yarıyor! Benim soru aslında yanlış, test ettiğim tarayıcılardesteklenmediğinde SADECE etiketi gösterecektir. – mpaf

+0

Ara 2015 itibarıyla, img 'src' gifleri desteklemiyor. Bir geri dönüş gif istiyorsanız, [poster] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video) özniteliğine göz atın. Bir örnekle bir [blog gönderisi] (https://nishanths.github.io/blog/gif-fallback-html5-video/) yazdım. – nishanths

3

javascript kullanarak, çalıştırabilirsiniz:

Desteğiniz olup olmadığına bağlı olarak bu doğru veya yanlış olacaktır. Daha sonra, video etiketini bir görüntüyle değiştirmek için javascript'i kullanabilir veya daha kolay bir şekilde videoyu display:none; ve görüntüyü display:block; olarak veya tam tersi olarak ayarlayabilirsiniz.

+0

da çalışacağım sanırım, ama yukarıda cevap daha basit. – mpaf

+0

Bunu denediğinizi ve işe yaramadığını düşündüm! Ah, ne zaman kullanabilirim ki! (bang bang) bu beni mutlu ediyor! –

İlgili konular