2017-02-28 30 views
0

工作,我想包裝HTML5視頻與鏈接標籤:的鏈接包裝HTML5視頻 - 控制不會在Firefox

<a href="yourpage.html"> 
 
    <video width="560" height="315" autoplay muted controls loop> 
 
     <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm"> 
 
    </video> 
 
</a>

它完美的Chrome和Opera - 我可以點擊在控件上,例如,暫停,播放,音量等。我也可以點擊我想要轉到另一個頁面的鏈接,當你點擊它。

但它在Firefox上根本不起作用 - 我不能只有點擊控件。它觸發鏈接當我點擊控件上的任何東西!我希望它能像Chrome/Opera一樣工作。

任何想法如何解決這個問題在Firefox上?

+1

好像Firefox是做什麼它應該至。通過在錨點內放置一個元素,點擊該元素上的任何位置應該觸發錨點的默認行爲(導航到'href')。 –

+0

IE曾經是我們痛苦的**。現在終於Firefox正在趕上! – laukok

回答

1

解決方案是否可以更新Firefox?我不知道你正在使用哪個版本,但TAG <video>是html5中的新功能(你可能知道這一點),而不是所有版本的瀏覽器接受它們。否則我會說這是Firefox本身的錯誤,而不是代碼中的錯誤。

在W3Schools的存在,你需要一個列表至極版本:klick me

新增VideoJS鏈接

Otherways使用VideoJS,一個開源視頻播放器

+0

我在51.0.1(64位)和Ubuntu上。 – laukok

+1

我沒有其他的想法@teelou。 可以使用[link](http://videojs.com/)像某人得到同樣的問題[鏈接](http://stackoverflow.com/questions/6944679/html5-mp4-video-does-not-玩在ie9) –

+1

我認爲這可能是唯一的答案。謝謝! – laukok

0

爲什麼你不使用iframe:

<a href="yourpage.html"> 
    <iframe src="http://video.webmfiles.org/big-buck-bunny_trailer.webm"></iframe> 
</a> 

我認爲這是對Firefox和anothers也更好。

+0

謝謝,但我怎麼能靜音和循環視頻? – laukok