如何让H5 video标签在移动端,不默认全屏播放。
参考美拍,优酷,微视等移动端H5页面。他们皆可不全屏播放video。
!!!不要跟我说
可以在 video 标签上加一个 “webkit-playsinline” 属性
很明显这是不可以实现的,不管是Ios还是安卓都一样还是照旧全屏播放
求大神,求大牛解答
补充一下这个问题的原因:各个手机浏览的VIDEO的操作不同。iphone 除非本身页面是APP内歉页,配合APP本身对H5 webview的操作,可以实现视频播放不全屏
andriod 6.0以上开始。小米手机等,就开始默认video标签。不会默认全屏播放。
所以在这里点出来。
另外谢谢2位的回答
x-webkit-airplay="true" webkit-playsinline="true"这样写,试试!
webkit-playsinline="true"必须配合应用内部的API来使用,单独使用没有意义。http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
补充一下这个问题的原因:
各个手机浏览的VIDEO的操作不同。
iphone 除非本身页面是APP内歉页,配合APP本身对H5 webview的操作,可以实现视频播放不全屏
andriod 6.0以上开始。小米手机等,就开始默认video标签。不会默认全屏播放。
所以在这里点出来。
另外谢谢2位的回答
x-webkit-airplay="true"
webkit-playsinline="true"
这样写,试试!
webkit-playsinline="true"必须配合应用内部的API来使用,单独使用没有意义。http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser