HTML之微信全屏播放视频
3645
1

HTML之微信全屏播放视频


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

微信视频播放全屏



16
打赏
收藏
点击回复
      全部留言
  • 1
  • 河边草 超级管理员 2018-11-05 14:34 14:341楼

    <!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://k.tdbjy.com/public/uploads/videos/新余访谈.mp4"

                controls="controls"></video>

        </div>

    </body

    </html>


更多回复
      你可能感兴趣的主题
铁三师
      圈内贴子83
  • 铁群成员14

扫一扫访问手机版