如果浏览器不支持HTML5的<video>标记,如何显示图像

Question

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

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

很容易,但如果我用img标签替换文本,它将始终显示图像,即使浏览器支持视频标签.

感谢您分享您的知识

(编辑)事实并非如此,我的测试错了,只有在不支持视频时才会呈现img标签(例如Safari 5)

Answer 1

我只是检查这个链接,以及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>