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

标签 image html video tags alt

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

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

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

感谢您分享您的知识

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

最佳答案

我只是在检查 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>

关于image - 如果浏览器不支持 HTML5 的 <video> 标签,如何显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9718109/

相关文章:

java - 在 Java 中设置图标图像

html - 使用 Doxygen 内联显示图像

jquery - 当 ng-model 更新时,AngularJS $scope 不会更新

video - 尝试在 Gstreamer 中同时播放多个视频文件

python - 为什么在 PIL(low) 中读取图像会破坏 Flask 图像终点?

javascript - 从 JavaScript 中的 Base64 代码获取图像宽度和高度

html - 如何包装整个布局?

html - 使用 CSS 隐藏复选框

testing - JMeter : How to click on a particular element ?

javascript - 我如何测试浏览器将视频用作 Canvas 源的能力