首页 > TAG信息列表 > playsinline
video是移动端无法自动播放以及自动弹出解决方法
视频在 safri 页面不能自动播放的原因： 因为ios中明确的指出等待用户的交互动作后才能播放video，也就是说没有得到用户的action就播放的话会被safri拦截 解决方法如下： 因为这个是微信的链接，需要在微信上点开进入他的浏览器，这里需要一个插件 <script src="http://res.wx.qq.co[html] HTML5的video在手机端如何实现进来页面时就自动播放？
[html] HTML5的video在手机端如何实现进来页面时就自动播放？ 理想情况autoplay=true。但是现实是：基本所有浏览器都屏蔽了这个属性。 能实现的现在只有微信了，微信有一套自己的规则的内核，可以使用：controlslist="nodownload" poster="" x5-video-player-fullscreen="true" webkith5-video 百度浏览器 video {display: none;} 视频在ios中还能自动播放
在做响应式网站中，PC端视频自动播放，移动端使用图片替换，样式使用的是媒体查询控制隐藏 @media screen and (max-width: 768px){video {display: none;}} problem: 在iOS设备上的百度浏览器，刚进入页面自动放大video,自动播放video了，点击video关闭或者返回后，页面还是正常展示静态图片IOS（苹果手机）使用video播放HLS流，实现在内部播放及全屏播放（即非全屏和全屏播放）。
需求： 实现PC及移动端播放HLS流，并且可以自动播放，在页面内部播放及全屏播放功能。 初步：PC及安卓机使用hls.js实现hls流自动播放及全屏非全屏播放 首先使用了hls.js插件，可以实现在PC及安卓机自动播放及全屏和非全屏播放。 但是在苹果手机不支持播放，HLS官网说改库使用了MSvue+vue-video-player+sockjs完成直播和聊天室（PC+h5）
需要安装的第三方包 npm install vue-video-player --save // 直播播放插件（注意不能同时安装videojs，也不能使用cnpm安装否则会报“The "flash" tech is undefined. Skipped browser support check for that tech”，） 注意： 如果需要播放 HLS 流，需要安装 videojs-contr解决移动端视频层级最高的问题，修改video属性
在网页设计在移动端设计的时候有些box里面都是需要放置video的时候，video的时候的层级总是最高的，这个时候就是需要在video的基础上修改属性就可以了，具体的属性如下，大家可以参考参考： <video src="https://hy.v.netease.com/2018/1030/5c9caed3eea6c6e079673d031fca3350qt.mp4" convideo移动端兼容问题
video在各版本ios和安卓上面表现形式都有所区别，为了解决这一问题我在网上找了许多方法，看见甚至有采取重写控件的方式来解决，这里亲自尝试了一下，提供一个简单而又能解决大部分移动端兼容的方式： 给video加上 webkit-playsinline="" playsinline="" x5-playsinline="" x-webkit-airpla