起因是在手机上制作一个 h5 页面播放视频,需求:竖屏点击开始播放视频,然后手机横屏后会自动全屏播放,再次竖屏后又会自动退出全屏模式(继续播放),然后再次横屏后又会自动全屏(继续播放)...周而复始,但仅第一次点击播放的动作,后续就是反复竖屏(退出全屏)横屏(进入全屏)切换。全程视频播放并未暂停,维持 playing 的状态。
遇到问题:第一次竖屏状态点击播放后再横屏能进入全屏,然后再竖屏后无法自动退出全屏,就算手动退出全屏,再次横屏后也无法进入全屏播放,提示:`Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture`,意思就是迫于浏览器安全考虑,全屏模式需要用户手动点击才行。
网上搜了很多资料都说无解,但是用同一台手机的同一个浏览器看 P 站的视频仅在第一次点击播放后,后续可以无限次的竖横屏全屏退出全屏...
测试手机:iPhone 14 pro 的 Safari 和 Edge
这是黑科技吗?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/1074138
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.