HTML5视频,不带自动播放设备的不同海报图片

时间:2016-04-12 13:41:39

标签: javascript jquery ios video html5-video

  • 视频正在用作背景视频。

  • 海报图片需要是视频的第一帧,所以当时 视频正在加载,没有跳转。

  • 在某些设备上,特别是禁用了自动播放视频的iOS,我可以选择要显示的其他图片吗?

内容: 如果禁用自动播放,我可以显示不同的海报图像吗?

谢谢。

注意:我知道我可以通过媒体查询隐藏/显示内容,但这对于iPad Pro这样的人来说效果不佳。

如果可能的话,我想要一个不需要检测不同设备的解决方案。

1 个答案:

答案 0 :(得分:0)

我不知道你是如何做到这一点的具体细节,但在我的头脑中,我建议事先在某个时刻运行一个检测脚本。在自动播放时使用“虚拟”视频(可能类似于数据URI中的1x1px空白视频以确保速度和同步性),然后在渲染后不久检查它是否正在播放。然后根据它是否播放进行相应标记。