最近在开发一个视频模块时，遇到不少的坑，因为video在目前移动端兼容性存在不少问题。 问题：安卓手机在微信端poster属性不生效，图片不显示，显示黑屏。 预期效果是视频未播放时，展示预设的图片，通过video的poster属性设置，测试发现在安卓微信X5内核浏览器，图片无法显示，代码 ...

<video controls="{{false}}" autoplay="{{true}}"></video> 设置属性务必要使用{{}}; ...

<script> //一般play()方法就可以自动播放了，但是一些iPhone机不可以 document.getElementById('idName').play(); //微信必须加入Weixin JSAPI ...

今天在做一个分享页面的时候需要播放视屏用了video，然后各种坑开始了： 　　<video src="http://xxx.mp4 " id="myVideo" poster=“XXX” controls></video> 在安卓微信 内：播放全屏并且定位在视屏 ...

关键代码： controls='{{false}}' ...

...

　　 打开一个视频，在点击播放之前会看到一张封面图，点击之后封面消失，随即播放视频。 　 若现有一需求，要你自定义给某个视频设置封面，应该怎么做呢？ 　 此时可使用H5 video提供的poster属性即可轻松实现， 　 poster 属性规定视频下载时显示的图像或用户点击 ...

之前微信小程序首页轮播是图片+视频的方式，自动轮播，视频不播放，昨天要改成不自动轮播，视频放首页自动播放，然后设置之后发现不起作用，会自动轮播+播放视频。 怎么也没定位到原因，最后百度发现是说video 标签的优先级最高，可能是video的autoplay覆盖掉了swiper ...