小天管理 发表于 9月19日 Share 发表于 9月19日 起因是在手机上制作一个 h5 页面播放视频，需求：竖屏点击开始播放视频，然后手机横屏后会自动全屏播放，再次竖屏后又会自动退出全屏模式（继续播放），然后再次横屏后又会自动全屏（继续播放）...周而复始，但仅第一次点击播放的动作，后续就是反复竖屏（退出全屏）横屏（进入全屏）切换。全程视频播放并未暂停，维持 playing 的状态。 遇到问题：第一次竖屏状态点击播放后再横屏能进入全屏，然后再竖屏后无法自动退出全屏，就算手动退出全屏，再次横屏后也无法进入全屏播放，提示：`Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture`，意思就是迫于浏览器安全考虑，全屏模式需要用户手动点击才行。 网上搜了很多资料都说无解，但是用同一台手机的同一个浏览器看 P 站的视频仅在第一次点击播放后，后续可以无限次的竖横屏全屏退出全屏... 测试手机：iPhone 14 pro 的 Safari 和 Edge 这是黑科技吗? 引用 意见的链接 分享到其他网站 More sharing options...
已推荐帖子
加入讨论
您现在可以发表并稍后注册. 如果您是会员,请现在登录来参与讨论.