我正在一个有视频背景的网站上工作。
首先,我检查浏览器是否可以使用 modernizr 播放视频。
如果不能,我会显示后备图像并在图像上显示一些文字。
如果浏览器可以播放视频,我会在视频中添加一些事件监听器,例如canPlayThrough和whatnot。
触发该事件监听器后,javascript会在视频上显示一些文字。
问题是,iPad通过了第一次测试。它可以播放视频。然而,它显然无法自动播放它们。所以我的视频canPlayThrough事件监听器从未被触发,文本永远不会显示在视频之上。
我有什么选择让文字显示在iPad上的视频中?我需要寻找什么替代事件?遗憾的是,我是否需要求助于设备检测?
答案 0 :(得分:1)
Modernizr有一个视频自动播放测试(它还没有在modernizr.com网站上发布 - 只是github repo。它做的是检查捆绑的base64编码的超短视频是否正在播放,以及如果是,则返回true。
大多数情况下,在这种情况下,您可以做的最好的事情是检查移动浏览器的使用情况,并在遇到时回退到静态图像。