VideoJS后框播放按钮在触摸模式和固定页脚后触发

我有一个网站，我有一个videojs视频嵌入在页面中。同样在页面上，我有一个固定的页脚，偶尔会出现一个模式窗口覆盖图，点击链接时会出现。所有在桌面上的作品都很棒，但在移动设备上，当视频位于固定页脚之后或在模式之后时，.vjs-big-play-button上的触摸事件正在触发。VideoJS后框播放按钮在触摸模式和固定页脚后触发

我已经处理过这个，我想解决它，但我似乎无法弄清楚如何防止它。有没有人遇到过这个。我没有多少运气在互联网络:)发现在我的研究解决

感谢

戴夫

来源

2014-03-28 dave

iPad的浏览器，所有的触摸或点击事件得到通过视频拍下了这奇怪的事情元素，无论什么是最重要的，只要启用了视频元素的本机控件。除了禁用本地控件并构建自己的控件之外，脚本无法解决此问题。

的Video.js带有自定义控件，而不是本机的控制，在iPad上运行时除外，因为（according to heff）：

它是使用原生控制在移动现在有意的选择，因为HTML控件在完全可用之前需要一些波兰语。我们有一个在手机上运行良好的皮肤版本，我们很快就会收到一些这些更改。

所以，你需要强制的Video.js使用HTML控件，我相信你可以通过设置nativeControlsForTouch选项，像这样做：

<video class="video-js vjs-default-skin vjs-my-personal-skin" controls preload="auto" data-setup="{nativeControlsForTouch: true}"></video>

注意添加controls属性和data-setup中的选项。

来源

2014-03-28 20:28:33 brianchirls

非常感谢回复。使用nativeControlsForTouch实际上使本机外观和功能完全相同，桌面视图现在在其下面有一个控制栏。我想也许这是一个选择，但是当我尝试在手机上测试它时，我仍然可以通过点击固定页脚后面的视频。当模式打开时，我可以通过隐藏视频来部分解决我的问题。当视频位于固定页脚后面时，仍然存在此问题。我想我可以隐藏视频（当视频处于某个X位置时，用一个假的海报框替代。） – dave

对不起，我想我搞砸了。尝试nativeControlsForTouch：false – brianchirls

让我知道这是否有效， – brianchirls

VideoJS后框播放按钮在触摸模式和固定页脚后触发

回答

相关问题