html5 video标签 在IOS系统中就不能退出全屏播放?(html页面)

如题所示,在移动端页面中,html5 video标签 在IOS系统中就不能退出全屏播放?每次点击播放按钮,不能在当前窗口播放?

阅读 9.1k
4 个回答

IOS的 webview 有一个属性 allowsInlineMediaPlayback 是值 video 标签是否可以通过属性-webkit-playsinline=true控制使其不会全屏播放。

IOS6(好像是这个版本)以前,在大屏的设置(就是不包括手机版)allowsInlineMediaPlayback值为 true 也就是说-webkit-playsinline=true这样的视频是不会全屏播放的,可是在手机上,这个值是设为false的,所以说无论怎么写 HTML video 标签,都会是全屏播放。

video 标签添加 webkit-playsinline 属性

上面的方法是监听视频全屏/退出全屏的,不过我想要的效果是:

全屏播放完成后—》触发退出全屏的事件(因为安卓微信上video全屏播放完成后,没退出全屏会出现腾讯的广告,所以要需要退出全屏事件)

网上找了很久,后面找到了解决方法,可以看一下这个文章《ios、安卓在微信video监听播放结束后,怎么退出全屏播放?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题