12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- body>#video {
- width: 100vw;
- height: 100vh;
- background: #000;
- text-align: center;
- }
- * {
- padding: 0;
- margin: 0;
- }
- </style>
- </head>
- <body>
- <div id="video"></div>
- <script src="./jessibuca-pro-multi.js"></script>
- <script>
- let urlString = window.location.href;
- // 获取 URL 中的参数部分
- let searchParams = new URLSearchParams(window.location.search);
- const url = searchParams.get('url')
- var jessibuca = new JessibucaPro({
- container: video,
- videoBuffer: 0.2, // 缓存时长
- isResize: true,
- text: "",
- loadingText: "加载中",
- useMSE: true,
- useSIMD: true,
- autoWasm: true,
- // debug: true,
- // debugLevel: "debug",
- controlAutoHide: true,
- showBandwidth: false, // 显示网速
- operateBtns: {
- fullscreen: true,
- screenshot: true,
- play: true,
- audio: true,
- },
- forceNoOffscreen: true,
- useWebFullScreen: true,
- isNotMute: false,
- loadingTimeoutReplayTimes: -1,
- heartTimeoutReplayTimes: -1,
- });
- jessibuca.play(url);
- </script>
- </body>
- </html>
|