跳转到内容
彼岸论坛
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[问与答] 手机 H5 网页视频横屏播放, P 站有黑科技?


小天管理

已推荐帖子

起因是在手机上制作一个 h5 页面播放视频,需求:竖屏点击开始播放视频,然后手机横屏后会自动全屏播放,再次竖屏后又会自动退出全屏模式(继续播放),然后再次横屏后又会自动全屏(继续播放)...周而复始,但仅第一次点击播放的动作,后续就是反复竖屏(退出全屏)横屏(进入全屏)切换。全程视频播放并未暂停,维持 playing 的状态。

遇到问题:第一次竖屏状态点击播放后再横屏能进入全屏,然后再竖屏后无法自动退出全屏,就算手动退出全屏,再次横屏后也无法进入全屏播放,提示:`Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture`,意思就是迫于浏览器安全考虑,全屏模式需要用户手动点击才行。

网上搜了很多资料都说无解,但是用同一台手机的同一个浏览器看 P 站的视频仅在第一次点击播放后,后续可以无限次的竖横屏全屏退出全屏...

测试手机:iPhone 14 pro 的 Safari 和 Edge

这是黑科技吗?
意见的链接
分享到其他网站

加入讨论

您现在可以发表并稍后注册. 如果您是会员,请现在登录来参与讨论.

游客
回复主题...

×   粘贴为富文本.   粘贴为纯文本来代替

  只允许使用75个表情符号.

×   您的链接已自动嵌入.   显示为链接来代替

×   您之前的内容已恢复.   清除编辑器

×   您无法直接粘贴图片.要从网址上传或插入图片.

  • 游客注册

    游客注册

  • 会员

    没有会员可显示

  • 最新的状态更新

    没有最新的状态更新
  • 最近查看

    • 没有会员查看此页面.
×
×
  • 创建新的...