如果浏览器不支持 HTML5 的<video>，我如何显示图像?标签

2022-01-18 00:00:00 image tags html video alt

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

Does anyone know how can I display an image for the browsers which don't support the tag ? Displaying a text such as in:

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

很简单，但是如果我用 img 标签替换文本，它会始终显示图像，即使浏览器确实支持 video 标签.

Is easy, but if I replace the text with an img tag, it will always show the image, even when the browser DOES support the video tag.

感谢分享您的知识

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

(EDIT) This is not the case, my tests were wrong and img tag indeed gets rendered only when video is not supported (e.g. Safari 5)

推荐答案

我只是在查看这个链接，以及HTML5 的规范，所以这段代码应该适合你:

I was just checking this link, as well as HTML5's spec, so this code should work for you:

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

相关文章