video.html

<!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>忠德2022届毕业留念</title>
    <style type="text/css">
      html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
    </style>
  </head>
  <body>
    <div id="mse"></div>
    <script src="//unpkg.byted-static.com/xgplayer/2.31.6/browser/index.js" charset="utf-8"></script>
    <script>
      let player = new Player({
        "id": "mse",
        "playsinline": true,
        "whitelist": [
          ""
        ],
        "url": "https://file.kjchmc.cn/d/忠德学校资料/2022届初三毕业视频成稿.mp4",
        "fluid": true,
        "volume": 1,
        "screenShot": true,
        "closeVideoDblclick": false,
        "keyShortcut": "on",
        "download": true,
        "playbackRate": [
          0.5,
          1,
          1.5,
          2
        ],
        "poster": "https://file.kjchmc.cn/d/忠德学校资料/学校照片/poster.jpg",
        "progressDot": [
          {
            "time": 1,
            "text": "开头"
          },
          {
            "time": 292,
            "text": "年级单人照"
          },
          {
            "time": 394,
            "text": "回顾校园"
          },
          {
            "time": 444,
            "text": "片尾鸣谢"
          }
        ]
      });
    </script>
  </body>
</html>