移动浏览器上的HTML5视频全屏(android)

Question

经过大量的研究后,我还没有找到任何答案.我想用FullScreenAPI实现我的目标,但任何移动浏览器都不支持它(除了Firefox 19和Blackberry浏览器 - 但我需要一个跨浏览器的解决方案).这是源头.我还在本机Android浏览器和移动Chrome上测试了FullScreenAPI,并使用了适当的前缀全屏功能.每个功能都是类型undefined.

另一种方法是rtsp协议,通常由外部玩家处理.这是假设m.youtube.com使用该解决方案的人 - 我认为这不是真的(也许答案已经过时).Youtube使用原生视频的全屏.在点击播放按钮时,在移动Chrome上,电影会立即全屏显示.

虽然,我用Google搜索的每个来源都告诉我在Android浏览器上无法使用原生全屏,但仍然带有原生控件的HTML5视频元素为我们提供了一个全屏按钮,可以完美地运行.

由于我不想要原生控件,任何人都可以共享任何巧妙的解决方案How to trigger HTML5 video fullscreen button'sevent吗？

Answer 1

您可以制作一个宽度/高度为 100% 的弹出窗口，并在播放 HTML5 视频时在其绝对位置上设置一个关闭按钮。

老的、简单的、肮脏的伎俩……但是有效