不废话，上代码：
<!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内核。