我有一个带有闪屏图片的HTML5视频。在桌面设备上,我希望点击闪屏图片使其消失并播放视频。在手机上,点击图片将使视频在一个单独的应用程序中播放,因此当用户点击返回按钮回到网页时,我希望闪屏图片仍然存在(至少在我的Android手机上,普通的视频组件非常丑陋)。
我该如何判断视频是否会“内联”播放还是启动一个新应用程序?如果它是内联显示,我将隐藏闪屏图片;如果它是启动一个新应用程序,我就不隐藏。
一种方法是嗅探用户代理来判断是否为手机。由于明显的原因,这不是一个好主意(可能会在新手机推出时出现问题,需要在数百个设备上进行测试)。 另一个可能性是在离开页面跳转到视频播放器或从视频播放器返回时捕获某种事件。但我不确定要捕获什么。 我考虑过的另一个可能性是设置一个计时器来检查视频组件的某些属性...看它是否正在播放...或其他什么东西。
我使用jQuery,如果有影响,请注意。
我该如何判断视频是否会“内联”播放还是启动一个新应用程序?如果它是内联显示,我将隐藏闪屏图片;如果它是启动一个新应用程序,我就不隐藏。
一种方法是嗅探用户代理来判断是否为手机。由于明显的原因,这不是一个好主意(可能会在新手机推出时出现问题,需要在数百个设备上进行测试)。 另一个可能性是在离开页面跳转到视频播放器或从视频播放器返回时捕获某种事件。但我不确定要捕获什么。 我考虑过的另一个可能性是设置一个计时器来检查视频组件的某些属性...看它是否正在播放...或其他什么东西。
我使用jQuery,如果有影响,请注意。