video1.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>Look Back</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/忠德学校资料/look%20back.mp4",
            "fluid": true,
            "volume": 1,
            "screenShot": true,
            "closeVideoDblclick": false,
            "keyShortcut": "off",
            "download": true,
            "playbackRate": [
                0.5,
                1,
                1.5,
                2
            ],
            "poster": "https://file.kjchmc.cn/d/忠德学校资料/学校照片/poster2.png"
        });
    </script>
  </body>
</html>