在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視頻播放器中嵌入超鏈接

回答

相關問題