最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
安卓手机HTML5 video全屏播放实例代码
时间：2022-06-25 18:23:03 编辑：袖梨 来源：一聚教程网
有的需求是视频自动全屏播放，这一点在iphone上是默认的。但是在android系统上就需要手动点击全屏按钮。现在video标签的全屏API一直在草案阶段，各个浏览器的API也是差异。所幸的是现在大部分的手机浏览器内核都是webkit的。所以可以借助浏览器的全屏API来实现视频的全屏，当然浏览器的全屏API并不局限于video标签。在PC端处理video可以使用一个比较成熟的插件videojs。所以这次代码仅针对移动端。从网上借鉴了一些代码，我自己精简掉了一些移动端用不到的代码。并添加了“全屏后自动播放”、“退出全屏后暂停”以及“播放完毕后自动退出全屏”这三个事件。目前测试了3部android手机，其中一部“全屏后自动播放”不支持。为了方便在PC测试暂时注释掉了系统的判断。在使用的时候放出即可。
| 代码如下 | 复制代码 |
相关文章
- 《万智牌 旅法师对决》中 Strixhaven 的五大学院详解 05-14
- 绝区零云游戏网页版入口-2026绝区零网页云游戏官网直达 05-14
- 360安全浏览器网页版入口-360浏览器网页版官网 05-14
- 重建文明手游上线时间揭晓 重建文明手游公测日期与预约入口 05-14
- 小鱼传奇手游上线时间揭晓 小鱼传奇手游正式开服日期与预约信息 05-14
- 迅雷在线观看高清入口-迅雷在线观看免费极速版 05-14