移动h5视频播放怎么能不弹出自带自带播放器,兼容IOS和安卓?

Question

1. 移动端视频播放会自动弹出系统自带的播放器, 找到的视频属性可以解决ios11的弹出问题, 安卓系统7.1.1的就会弹出播放器,请问有什么办法能解决的吗?

这里的属性和方法,在ios11中可以不弹出系统自带的播放器,安卓中依然会弹出播放器

Answer 1

自带的播放控件？试试controls属性

Answer 2

通过原生的play() 是否能解决你的问题呢 OR THIS ▄︻┻┳══━一 webkit-playsinline ?

Answer 3

自带的播放器？你指的是默认的控制条吗？

• video中有个属性 controls, 标签中不添加这个属性就不会出现控制条。
• 但是苹果手机有个bug, 需要单独处理，controls这个方法在苹果手机中可以将控制条隐藏，但是苹果手机遇到视频时，默认会自动打开全屏模式(iOS独特的功能);
• 这时只需要在video标签里添加一个webkit-playsinline属性

<video id="player" width="480" height="320" webkit-playsinline>

• 如上面的例子，这样在IOS下就不会自动打开全屏了，而且不会出现控制条

Answer 4

同问。楼主问题解决了吗