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

How can I display an image if browser does not support HTML5#39;s lt;videogt; tag(如果浏览器不支持 HTML5 的lt;videogt;，我如何显示图像?标签)

本文介绍了如果浏览器不支持 HTML5 的<video>，我如何显示图像?标签的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

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="dmlkZW8ubXA0" 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="dmlkZW8ubXA0" type="video/mp4" />
    <img src="Jmx0O3lvdXIgTm8gdmlkZW8gc3VwcG9ydCBpbWFnZSZndDs=" title="WW91ciBicm93c2VyIGRvZXMgbm90IHN1cHBvcnQgdGhlICZsdDt2aWRlbyZndDsgdGFn" />
</video>

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