代码片段

微信内视频播放代码片断

如果经常做微信H5开发，如果你做个视频嵌入到H5中，在IOS或者Android中是有很多坑的，特别是在Android中，会调用QQ播放器，而且你找不到文档，但是这个代码可以帮你。

DOM

1
<video id="video" preload="false" autobuffer="true" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" src="video/video.mp4" poster="images/movieStart.png"></video>

CSS

1
2
3
4
5
6
7
8
9
video#video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    object-fit: fill;
    object-position: 0px 0px;
  }

JS

1
document.getElementById('video').play();