检测客户端是否允许HTML5视频的内联媒体播放

Question

是否有一种很好的方法来检测客户端浏览器是否允许HTML5视频的内联媒体播放？

更新

我不是想简单地检测视频支持.

我正在尝试检测视频是否只能播放全屏或内联播放.因为在iPhone的Safari游戏中,iOS视频只能全屏播放,但在iPad上可以在线播放视频.并且通过内联我的意思是在页面中没有切换到全屏.

Answer 1

鉴于iOS 特定注意事项文档 说：

\n\n

\n

目前，Safari 优化了 iPhone 或 iPod touch 上较小屏幕的视频演示，\n 通过使用触摸屏幕时出现的全屏\xe2\x80\x94video\n 控件来播放视频，并且视频会缩放以适应\n屏幕处于纵向或横向模式。网页内不显示视频。\n 高度和宽度属性仅影响\n 网页上分配的空间，并忽略控件属性。\n 这仅适用于小屏幕设备上的 Safari。在 Mac OS X、Windows 和 iPad 上，Safari 会播放嵌入网页中的内嵌视频。

\n

\n\n

iOS系统

\n\n

var videoIsFullscreen = screen.width < 320 &&\n                        navigator.userAgent.indexOf("Safari") > -1 &&\n                        navigator.userAgent.indexOf("Chrome") == -1 &&\n                        navigator.userAgent.match(/(iPhone|iPod)/);\n

\n\n

请注意，我不确定小屏幕是否为 320px，您应该调整此值。

\n\n

编辑

\n\n

看看这个帖子。

\n\n

总结：

\n\n

var isSmallScreen = screen.width <= 320;\n/// the shadows here\nvar isWideScreen = screen.width >= 568;\n

\n\n\n\n

毕竟，我发现这篇文章可能对你有很大帮助

\n\n

我可以在 iPhone 或 Android 上避免使用 HTML5 原生全屏视频播放器吗？

\n\n

安卓

\n\n

如何在 Android 浏览器中播放内嵌 html5 视频

\n\n

请注意，这适用于本机 Android 浏览器，不适用于 Android Chrome。

\n