通过绑定到 div 的 onclick 事件在 iPad 上加载 HTML5 视频答案

【问题标题】：Loading HTML5 video on iPad via onclick event tied to a div通过绑定到 div 的 onclick 事件在 iPad 上加载 HTML5 视频
【发布时间】：2012-04-05 08:15:36
【问题描述】：

我正在开发一个 HTML5 应用程序（游戏），它会自动预加载 5 个视频文件。我能够在 Safari for PC 上正确执行此操作，因此文件格式、编解码器等方面没有被忽视的问题。在 iPad 上加载失败。正如 iOS 视频官方指南所说：

这意味着 JavaScript play() 和 load() 方法也处于非活动状态直到用户开始播放，除非 play() 或 load() 方法由用户操作触发。换句话说，用户发起的 Play 按钮有效，但 onLoad="play()" 事件无效。

这是否意味着，如果该操作未绑定到 video 元素（用户单击常规 div — 我请求加载和与用户实际单击video 元素来加载和播放该特定元素相比，显示视频）？

【问题讨论】：

标签： javascript html ios video dom-events

【解决方案1】：

表示如果用户没有按下播放，则不能使用这些方法。

【讨论】：

【解决方案2】：

经过进一步检查，事实证明，video.load() 和 video.play() 方法可以从任何 onClick 处理程序中调用任何 <div> 元素（这可能在每个 html 元素中保持真实，可以接收点击事件.

在 iPad 上预加载 5 个视频文件的问题是它只能预加载 1 个并且会刷新任何视频数据，如果发出新的video.load() 请求不同的视频，因此您无法预加载 5 个视频，但您可以将它们合并为一个，然后预加载该单个视频。

【讨论】：