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

Question

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

这意味着 JavaScript play() 和 load() 方法在用户开始播放之前也是不活动的，除非用户操作触发了 play() 或 load() 方法。换句话说，用户启动的播放按钮有效，但 onLoad="play()" 事件无效。

这是否意味着，如果该操作未与video元素绑定（用户单击常规 div — 我请求加载和显示视频，比较而言，我无法在用户启动操作后启动视频加载）用户实际点击一个video元素来加载和播放该特定元素）？

Answer 1

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

Answer 2

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

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