不廢話，上代碼：
<!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內核。