https://mp.weixin.qq.com/s/dinxbynAl83lf6ByHrPKWA

http://h5player.bytedance.com/config/

项目特点

1、支持多种视频格式：支持在网页上播放各种格式的视频文件，包括MP4、HLS、FLV、MPEG-DASH等，能够自动识别各种格式的视频文件；

2、强大的播放能力：支持分段加载、清晰度无缝切换、带宽节省等功能，能够根据用户的网络状况和设备性能，优化视频的加载和播放速度，提供流畅、高品质的视频体验。

3、灵活的插件体系：采用灵活的插件体系设计，支持通过插件扩展功能。开发者可以自定义插件，满足特定的需求，如字幕插件、播放控制插件等。

4、良好的用户体验：提供了多种交互方式和界面效果。用户可以通过鼠标控制播放器的控制栏，实现播放、暂停、音量调节等操作。

5、详细的文档：官网有着详细配置、API、插件等功能使用的文档，方便开发者使用。

https://github.com/bytedance/xgplayer

https://gitee.com/ByteDance/xgplayer

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="referrer" content="no-referrer">
    <title>xgplayer</title>
    <style type="text/css">
      html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
    </style>
  </head>
  <body>
    <div id="mse"></div>
<link rel="stylesheet" href="https://unpkg.byted-static.com/xgplayer/3.0.1/dist/index.min.css"/>
<script charset="utf-8" src="https://unpkg.byted-static.com/xgplayer/3.0.1/dist/index.min.js"></script>

       <script>
        const config = {
        "id": "mse",
        "url": "//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo.mp4",
        "playsinline": true,
        "poster": "//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg",
        "plugins": [],
        "x5-video-player-type": "h5",
        "x5-video-player-fullscreen": "true",
        "x5-video-orientation": "portraint"
        }

        let player = new Player(config)

      </script>  </body>
</html>
文档更新时间: 2023-07-12 22:17   作者：admin