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

最新推荐文章于 2025-03-12 15:21:15 发布

阿酷tony

最新推荐文章于 2025-03-12 15:21:15 发布

阅读量2.8k

点赞数

分类专栏：视频应用专栏文章存档 html5 文章标签： video全屏手机视频全屏移动端全屏

本文链接：https://blog.youkuaiyun.com/ffffffff8/article/details/108745533

版权

252 篇文章

订阅专栏

160 篇文章

订阅专栏

75 篇文章

订阅专栏

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

webkit-playsinline playsinline x5-playsinline x-webkit-airplay='allow'

x5-playsinline=""
playsinline=""
webkit-playsinline=""

video标签中加几条属性x5-playsinline="" playsinline="" webkit-playsinline=""可以解决移动端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之前，也可能会抛出该事件。