video标签在手机端自动全屏问题
webkit-playsinline playsinline x5-playsinline x-webkit-airplay='allow' x5-playsinline=""
playsinline=""
webkit-playsinline=""video标签中加几条属性x5-playsinline="" playsinline="" webkit-playsinline=""可以解决移动端video点击播放自动全屏问题- 一些常用且需要重点关注的<video>事件
| event | iOS | Android |
|---|---|---|
| play | 只是要播放视频，响应的是video.play()方法，并不代表已经开始播放 | 和iOS一样，仅是响应video.play()方法 |
| durationchange | 会执行一次，一定会获取到视频的duration | 可能会执行多次，只有最后一次才能获取到真实的duration，前面的duration都是0；但低版本Android可能获取到的duration是0或1；（本文提到的低版本Android大部分是4.1以下） |
| canplay | 可以认为是视频元素没有问题，可以运行，没有更多含义了，基本用不上 | 同iOS |
| canplaythrough | 会有明确的缓冲，表示可以流畅播放了； | 没有什么用，视频仍然会卡住，数据可能还没有开始加载； |
| playing | 明确表示播放开始了； | 依然没有用，视频可能并没有开始播放； |
| progress | 有明确的下载，可以获取到当前的buffer，并且全部下载完毕后不在触发； | 不一定有明确的数据下载，并且全部下载完毕后依然继续触发； |
| timeupdate | 会有明确的进度变化，可以获取到currentTime； | 进度不一定变化，currentTime可能总是0，但是第一次有currentTime变化的timeupdate事件一定代表了视频开始播放了； |
| error | iOS中会有明确的错误抛出； | Android中某些浏览器会莫名其妙的抛出error； |
| stalled | 网络状况不佳，导致视频下载中断； | 在没有play之前，也可能会抛出该事件。 |
我的视频应用类原创文章：
- 微信公众号直播有哪些不一样的玩法？
- 微信视频直播如何做收费直播（如何做付费的微信直播）图文教程
- 说说视频编码格式、视频码率、视频帧率、分辨率的概念
- 原创教程：带ppt课件和讲师画面的教学视频录制完整教程
- 如何做电视节目的视频直播（电视台节目直播）
- 做视频直播时如何测试本地网络的上行带宽(网速测试)
- usb摄像头做教学直播实现pc和手机都可以在线观看教程
- 微信公众号直播有哪些不一样的玩法？
- 酷播云免费视频二维码的完整使用教程（适合小企业做微信视频宣传）
- 视频二维码的适用场景
- 微信视频直播如何做收费直播（如何做付费的微信直播）图文教程
- 说说视频编码格式、视频码率、视频帧率、分辨率的概念
- 原创教程：带ppt课件和讲师画面的教学视频录制完整教程
- 如何做电视节目的视频直播（电视台节目直播）
- 做视频直播时如何测试本地网络的上行带宽(网速测试)
- usb摄像头做教学直播实现pc和手机都可以在线观看教程
- 微信公众号直播有哪些不一样的玩法？
- 如何做电脑游戏桌面录屏直播实现手机直接观看
- 免费视频存储平台（微云、百度网盘、谷歌硬盘、酷播云）的截图对比
- 云课堂直播功能介绍，更贴合在线教育、企业内训的场景应用
- 基于微信小程序做直播的截图（微信小程序发起视频直播）
- 在线教学场景下 讲师们做PPT课件直播的一些介绍
- FMS/wowza/red5/SRS流媒体服务器产品对比