如果浏览器不支持 HTML5 的 <video> 如何显示图像?标签 [英] How can I display an image if browser does not support HTML5's <video> tag

问题描述

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

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 标签替换文本，它会始终显示图像，即使浏览器确实支持视频标签.

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.

感谢分享您的知识

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

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

这篇关于如果浏览器不支持 HTML5 的 <video> 如何显示图像?标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！