H5 video标签,audio标签在微信浏览器的一些兼容性问题

最近在做H5宣传策划页  遇到了一下问题跟大家分享一下  这些问题主要是在微信浏览器端  个人遭遇不喜勿喷!!!

首先是H5 video标签、请参考下列官方属性、 

autoplayNew autoplay 如果出现该属性,则视频在就绪后马上播放。
controlsNew controls 如果出现该属性,则向用户显示控件,比如播放按钮。
heightNew pixels 设置视频播放器的高度。
loopNew loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
mutedNew muted 如果出现该属性,视频的音频输出为静音。
posterNew URL 规定视频正在下载时显示的图像,直到用户点击播放按钮。
preloadNew auto
metadata
none
如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
srcNew URL 要播放的视频的 URL。
widthNew pixels 设置视频播放器的宽度。

 其中比较常用的就是autoplay属性自动播放、在微信浏览器端自动播放属性在安卓部分机型可以生效、在ios所有机型都不生效、原因:微信浏览器默认在大流量操作的时候需要用户交互才能运行、而且vide的视频比例是无法自适应。

你可能感兴趣的:(web前端)