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

是否有HTML5视频播放器中嵌入HTML超链接（在浏览器中javascript关闭时可读）？在HTML5视频播放器中嵌入超链接

也许视频沉思的CSS中的嵌入式链接，或标题栏中的链接？

感谢

2010-05-07 Sattvic

想必，你正在寻找的东西，如：

<!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：

内容可能会在视频元素内提供。用户代理不应该向用户显示此内容;它是用于其不支持视频老的浏览器，使传统视频插件可以尝试，或显示文本到这些老浏览器的用户，告知他们如何访问视频内容。

因此，内容（示例中的标记）不是一般的故障转移 - 仅适用于传统浏览器。为了更好地处理播放错误，请拨打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函数。

希望有帮助！

最佳，

扎克

开发，长尾视频

来源

2010-05-13 16:29:18

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

回答

相关问题