在HTML5视频播放器中嵌入超链接

时间:2010-05-07 16:36:06

标签: video html5

在HTML5视频播放器中是否有嵌入html超链接(在浏览器中关闭javascript时可读)?

可能是视频中的嵌入式链接,也可能是标题栏中的链接?

由于

1 个答案:

答案 0 :(得分:1)

据推测,你正在寻找类似的东西:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video controls='true'>
<source src='video.ogv' type='video/ogg'>
<a href='http://www.google.com'> test link</a>
</video>
</body>
</html>

不幸的是,这并不像你期望的那样有效。每W3C

  

内容可能会在内部提供   视频元素。用户代理不应该   向用户显示此内容;它是   适用于较旧的Web浏览器   不支持视频,所以遗留下来   视频插件可以尝试,或显示   文本给这些旧版本的用户   浏览器通知他们如何   访问视频内容。

因此,内容(示例中的标记)不是一般的故障转移 - 它仅适用于旧版浏览器。为了更优雅地处理播放错误,you'll need to have JavaScript enabled and running on the page

快速而肮脏的解决方案可能是添加带有一些文字方向的CSS背景,即:

<video controls='true' style="background-image:url(image.png);width:420px;height:300px">
<source src='video.ogv' type='video/ogg'>
<a href='http://www.google.com'> test link</a>
</video>

不幸的是,将整个事物包装在标签中并不能使其可链接 - 您仍然需要在启用JavaScript的情况下使用onclick功能。

希望有所帮助!

最佳,

扎克

开发者,LongTail视频

相关问题