如何修复在安卓微信浏览器点击播放iframe内嵌视频中跳回并显示加载进度条?

新手上路,请多包涵

在最新的安卓版的微信中,从聊天窗口点击网页链接或者在服务号中跳转到第三方网页,该网页带两段iframe内嵌视频。点击播放后,在网速比较慢的情况下,会先看到有黑灰色浮层出现,然后后面的UI跳回聊天窗口或者服务号首页并同时出现圆形加载进度条,当加载结束后会全屏播放视频。但是测试发现公众号内嵌视频没有这个问题mp.weixin打头的网址,有什么办法能让iframe内嵌视频像公众号视频一样,在点击播放时加载图标在视频里,背后UI不跳回?

PS:目前测下来,小米,华为系统+最新版微信都有这个问题, OnePlus和Oppo没有, iOS没有这个问题。

这边网页iframe内嵌视频tag的写法如下

<iframe id="iframe-video" style="display:block;overflow:hidden;width: 100%; height: 56.25vw;-webkit-box-sizing: border-box!important;box-sizing: border-box!important;word-wrap: break-word!important;" height="300" width="200" src="。。。。。。" frameborder="0" scrolling="no"></iframe>

src里面是国内主流视频网站通过iframe通用代码分享出来的链接

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