Question

我希望显示链接的图片，以便在我的视频不兼容时显示。

我的代码如下：

<video controls poster="/sites/default/files/image/CRM-Systems-Video.png">
  <source src="/sites/default/files/image/CRM-Systems-Video.ogv" type="video/ogg">
  <source src="/sites/default/files/image/CRM-Systems-Video.mp4" type="video/mp4">
<a href="http://content.workbooks.com/free-trial-workbooks-crm?utm_source=Homepage&utm_medium=laptopimage&utm_campaign=laptophomepage">  
  <img src="http://www.workbooks.com/sites/default/files/image/crm-system-image.png" title="CRM System image">
  </a>
</video>

但是，当我使用浏览器堆栈测试IE8（与<video>不兼容）时，没有显示图像？这是由于链接吗？

浏览器镜头链接： http://www.browserstack.com/screenshots/663ccadc9d1c2a3aa880fb4e1ef111c4eb386c79

Answer 1

将以下内容添加到<head>的开头即可：

<script type="text/javascript">
document.createElement("video");
</script>

这会诱使IE8识别<video>元素，因为IE不会显示任何无法识别的标记。我对此进行了测试并显示了链接，但忽略了<source>个文件。

下面是一个示例（您应该在现代浏览器上看不到任何内容，但缺少video支持的浏览器将显示文本）：

＆＃13;

<script type="text/javascript">
document.createElement("video");
</script>

＆＃13;

<video>
<a href="#">You are on an older browser</a>
</video>

＆＃13;

HTML5视频 - 后备链接图像

1 个答案: