的链接包装HTML5视频 - 控制不会在Firefox

工作，我想包装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上？

来源

2017-02-28 laukok

好像Firefox是做什么它应该至。通过在锚点内放置一个元素，点击该元素上的任何位置应该触发锚点的默认行为（导航到'href'）。 –

IE曾经是我们痛苦的**。现在终于Firefox正在赶上！ – laukok

解决方案是否可以更新Firefox？我不知道你正在使用哪个版本，但TAG <video>是html5中的新功能（你可能知道这一点），而不是所有版本的浏览器接受它们。否则我会说这是Firefox本身的错误，而不是代码中的错误。

在W3Schools的存在，你需要一个列表至极版本：klick me

新增VideoJS链接

Otherways使用VideoJS，一个开源视频播放器

来源

2017-02-28 15:55:03

我在51.0.1（64位）和Ubuntu上。 – laukok

我没有其他的想法@teelou。可以使用[link]（http://videojs.com/）像某人得到同样的问题[链接]（http://stackoverflow.com/questions/6944679/html5-mp4-video-does-not-玩在ie9） –

我认为这可能是唯一的答案。谢谢！ – laukok

为什么你不使用iframe：

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

我认为这是对Firefox和anothers也更好。

来源

2017-02-28 15:34:55

谢谢，但我怎么能静音和循环视频？ – laukok

的链接包装HTML5视频 - 控制不会在Firefox

回答

相关问题