ブラウザでHTML5の<video>タグがサポートされていない場合の画像の表示方法

Question

タグをサポートしていないブラウザの画像を表示するにはどうすればよいですか？などのようにテキストを表示するには、次の

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

するのは簡単ですが、私はimgタグでテキストを置き換えた場合、それは常にブラウザはvideoタグをサポートした場合でも、画像が表示されます。

（EDIT）これは、私のテストは間違っていたとビデオがサポートされていない場合にimgタグは、実際にのみレンダリングされる場合ではない（例えばサファリ5）あなたの知識を共有するための

おかげで

Answer 1

私だけでした同様HTML5's specとして、this linkをチェックするので、このコードは、あなたのために働く必要があります。

<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

JavaScriptを使用して、実行することができます。

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

あなたがサポートを持っているかどうかによって、それは真または偽になります。その後、javascriptを使用してビデオタグを画像に置き換えることができます。または、ビデオをdisplay:none;に、画像をdisplay:block;に、またはその逆に設定するだけです。