<!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; } /* 加载中的背景封面 */ #mse /deep/ .xgplayer-enter { background: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=312440173,484202537&fm=26&gp=0.jpg) no-repeat 50%/cover; } /* 加载中的两头logo */ #mse /deep/ .xgplayer-enter .xgplayer-enter-logo { background: url(https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2148934937,3777971823&fm=26&gp=0.jpg) no-repeat 50%/cover; } /* 加载中的进度色彩 */ #mse /deep/ .xgplayer-enter .xgplayer-enter-tips { position: absolute; left: 50%; top: 50%; width: 120px; height: 1px; margin: 32px auto auto -62px; background: linear-gradient(90deg, #000, red, rgb(0, 38, 255), red, #000); } </style></head><body> <div id="mse"></div> <script src="//cdn.jsdelivr.net/npm/xgplayer@1.1.4/browser/index.js" charset="utf-8"></script> <script> let player = new Player({ "id": "mse", "url": "http://live.hqjy.com/live/541448853_219043351.flv?auth_key=1600068358-102c4a7e69ef42e6b3559f7e02ce849f-0-7c1b2a1b8203ad2b6b45af4811a7e659", "playsinline": true, "whitelist": [ "" ], "playbackRate": [0.5, 0.75, 1, 1.5, 2], "width": "600", "height": "300", "poster": "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3437217665,1564280326&fm=26&gp=0.jpg" }); </script></body> </html>