Jak wyświetlić obraz, jeśli przeglądarka nie obsługuje znacznika HTML5: <video>

Question

Czy ktoś wie, jak wyświetlić obraz w przeglądarkach, które nie obsługują tagu? Wyświetlanie tekstu takich jak:

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

jest łatwe, ale jeśli zastąpić tekst w znaczniku img, zawsze pokazać obraz, nawet gdy przeglądarka nie obsługuje znacznika video.

Dzięki za dzielenie się swoją wiedzą

(EDIT) To nie jest przypadek, moje próby były błędne i znacznika img rzeczywiście zostanie wygenerowana tylko wtedy, gdy film nie jest obsługiwany (np Safari 5)

Answer 1

Byłam sprawdzanie this link, jak również HTML5's spec, więc ten kod powinien pracować dla Ciebie:

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

Answer 2

Korzystanie z javascript, można uruchomić:

var html5video = !!document.createElement('video').canPlayType; 

To będzie prawda lub fałsz, w zależności od tego, czy masz wsparcie, czy nie. Następnie możesz użyć javascriptu, aby zastąpić tag wideo obrazem lub, łatwiej, ustawić wideo na display:none;, a obraz na display:block; lub na odwrót.