HTML之微信全屏播放视频

不废话，上代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>微信视频播放全屏</title>
</head>
<body>
    <div id="video" class="video " style="width: 100%; height: 100%;">
        <video id="my_video" style="object-fit: fill; width: 100%; height: 100%;"
            preload="load"
            playsinline="true"
            webkit-playsinline="true"
            x-webkit-airplay="allow"
            airplay="allow"
            x5-video-player-type="h5"
            x5-video-player-fullscreen="true"
            x5-video-orientation="portrait"
            src="http://zhidingfun.test.qingcdn.com/wykl5.mp4"
            controls="controls"></video>
    </div>
</body>
</html>

 

以上是从一个微信分享里面看到的，觉得很牛逼，扒了一下源码，未深入研究，有兴趣可以研究一下腾讯的X5内核。

 

posted @ 2017-12-13 09:27  极·简  Views(2780)  Comments(0)  Edit  收藏  举报