在 iPad 上触发视频加载事件？

Posted 2023-03-12

【中文标题】在 iPad 上触发视频加载事件？

【英文标题】：Triggering video loaded event on iPad?

【发布时间】：2014-02-02 18:47:23

【问题描述】：

我正在开发一个具有视频背景的网站。

首先，我检查浏览器是否可以使用 modernizr 播放视频。

如果不能，我会显示一个备用图像并在图像上显示一些文本。

如果浏览器可以播放视频，我会在视频中添加一些事件监听器，例如 canPlayThrough 等。

一旦触发该事件监听器，javascript 会在视频上显示一些文本。

问题是，iPad 通过了第一次测试。它可以播放视频。但是它显然不能自动播放它们。所以我的视频 canPlayThrough 事件监听器永远不会被触发，并且文本永远不会显示在视频顶部。

我有哪些选项可以让文本显示在 iPad 上的视频上？我需要寻找什么替代事件？不幸的是，我是否需要求助于设备检测？

【问题讨论】：

ios 和 android 浏览器不会自动播放视频 - 这是一个“功能”

是的，我很不幸地意识到了这一点。我的问题更多的是，我有什么替代方法来触发通常与视频播放相关的事件？

我会查找 canplay 或正在播放的事件，以了解视频已准备好播放，或者用户已开始播放（似乎适用于 iOS 上的 Safari 和 iOS 上的 Chrome 和安卓）

【参考方案1】：

Modernizr 对视频自动播放进行了测试（它尚未在 modernizr.com 网站上发布 - 只是 github 存储库。它的作用是检查捆绑的 base64 编码的超短视频是否正在播放，以及如果是，则返回 true。

大多数情况下，在这种情况下，您可以做的最好的事情是检查移动浏览器用户代理，并在遇到时回退到静态图像。