javascript - 如何修复干扰 Firefox 的默认 HTML5 视频播放器的功能

Question

为什么是

onclick="this.play();"

干扰 Firefox 的 HTML5 默认视频控件以及如何修复它？

我遇到了这个问题，我给了我的海报一个 onclick 播放这个功能，它适用于除 firefox 之外的浏览器。 Firefox 的默认 HTML5 视频控件现在无法使用。如果您按下播放键，它只会刷新该区域并且播放按钮会重新出现，但视频不会播放。但是，如果您将视频跳过某些部分，它会“最终”加载并播放。

代码如下:

<video id="bigvid3" poster="https://cdn.shopify.com/s/files/1/0641/4457/files/Very_Clean.jpg?
5718060450832183858" onclick="this.play();" preload="none" controls="controls" width="100%">
<source src="//cdn.shopify.com/s/files/1/0641/4457/t/3/assets/InnovoThermometer.mp4"    type="video/mp4">
</video>

Answer 1

刚刚尝试在 firefox 上运行您的代码段，它确实没有按预期运行。如果这只是 firefox 中的问题，那么我可以建议解决方法。

onclick="if(!$.browser.mozilla){this.play();}"

这段代码的作用是检查浏览器是否为firefox，如果是，什么也不做。这将允许您依赖默认的点击处理。

see the sample on codepen