image - 如果浏览器不支持 HTML5 的 标签，如何显示图像

Question

有谁知道如何为不支持该标签的浏览器显示图像？显示如下文本:

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

很简单，但是如果我用 img 标签替换文本，它将始终显示图像，即使浏览器确实支持视频标签也是如此。

感谢您分享您的知识

(编辑)事实并非如此，我的测试是错误的，并且 img 标签确实仅在不支持视频时才会呈现(例如 Safari 5)

Answer 1

我只是在检查 this link ，以及 HTML5's spec ，所以这段代码应该适合你:

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