12

タグをサポートしていないブラウザの画像を表示する方法を知っている人はいますか? 次のようなテキストを表示します。

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

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

知識を共有していただきありがとうございます

（編集）そうではありません。私のテストは間違っていて、imgタグは実際にビデオがサポートされていない場合にのみレンダリングされます（例：Safari 5）

4

3 に答える 3

22

私はこのリンクとHTML5の仕様をチェックしていたので、このコードはあなたのために働くはずです：

<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>
于 2012-03-15T16:03:24.100 に答える
3

JavaScript を使用すると、以下を実行できます。

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

サポートがあるかどうかに応じて、それは真または偽になります。次に、javascript を使用してビデオ タグを画像に置き換えるか、簡単に、ビデオをdisplay:none;に、画像を に、display:block;またはその逆に設定します。

于 2012-03-15T16:08:02.020 に答える