video标签在手机端自动全屏问题

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流媒体服务器产品对比