累求,视频在第三方手机浏览器内被拦截导致破坏页面效果问题

查看 61|回复 5
作者:rizon   
一个展示型网页,里面的很多小模块都是做了没有控制条的视频(playsinline muted loop autoplay 等属性),但是到了手机端,这些视频会被第三方浏览器处理成各种行为: 播放器替换导致很难看,无法自动播放,最过分的是有些浏览器会在网页打开后强制全屏播放视频。。。
我不是资深前端,搞不明白这里面的花花肠子,也不懂各种内核浏览器的行为逻辑。
这问题虽然很常见,但是我还是没有在网上得到一个很好的版本答案。
所以,我的问题是:如果是这种修饰网页的视频,怎么保证他们在移动端的体验?难道只能放弃视频换成其他形式吗,有没有能够做到的视频插件?

视频, 浏览器, 网页, 累求

okakuyang   
video 标签 要加 playsinline 属性
rizon
OP
  
@okakuyang 这些常用属性,包括一些 x5 兼容属性好像都没用的,有些浏览器根本不讲道理。
rizon
OP
  
append: 我还有个奇怪的问题,有些人的微信浏览器和安卓浏览器里视频完全加载不出来(黑屏或者白屏),这个实在不理解为什么
okakuyang   
有些浏览器确实会给你视频加贴片广告,但是我没有遇到过,一般来说加 playsinline 和 webkit-playsinline 两个属性就可以规避移动浏览器全屏播放的行为了。
krapnik   
https://h5player.bytedance.com/generate/
您需要登录后才可以回帖 登录 | 立即注册

返回顶部