如何使点击/点击播放或暂停视频在桌面和移动浏览器上工作相同



在我的网站上,当在桌面浏览器上观看视频时,点击视频将播放或暂停该视频。然而,在移动浏览器上,这种行为是非常不一致的。点击或点击视频只会偶尔启动它,而不会暂停它。奇怪的是,即使在桌面浏览器的开发者模式下模拟移动浏览器,这种不一致的行为也会发生!

我如何在所有设备和平台上获得一致的点击播放/暂停行为?我想要一个点击/点击总是播放暂停视频,并总是暂停播放视频。

我正在使用一些html5视频元素和一些视频元素通过video.js包装的组合。我需要一个解决方案,将工作对这两种类型。如果重要的话,所有视频都显示了控制。我知道在SE上有2到3个相当相似的问题,但它们都很老了,没有一个答案似乎在2022年有效。

有很多替代的jquery/html5解决方案,你可以尝试https://www.jqueryscript.net/tags.php?/Video%20Player/
但它可能值得看看videojs GitHub问题的一些想法如何解决你的问题https://github.com/videojs/video.js/issues/975

我希望这是一些帮助