12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <!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>
- <link rel="stylesheet" type="text/css" href="https://lsp.slgj688.com/player/css/mui-player.min.css" />
- <script type="text/javascript" src="https://lsp.slgj688.com/player/js/hls.min.js"></script>
- <script type="text/javascript" src="https://lsp.slgj688.com/player/js/mui-player.min.js"></script>
- <script src="https://lsp.slgj688.com/player/js/mui-player-mobile-plugin.min.js"></script>
- <script src="https://lsp.slgj688.com/player/js/jquery.min.js"></script>
- <style>
- * {
- padding: 0;
- margin: 0;
- list-style: none;
- box-sizing: border-box;
- }
- .names {
- width: 100px;
- height: 100px;
- border: 1px solid black;
- }
- .names1 {
- width: 100px;
- height: 100px;
- border: 1px solid black;
- }
- </style>
- </head>
- <body>
- <div id="h5"></div>
- <script>
- var md = new MuiPlayer({
- container: "#h5",
- title: '',
- // autoplay: true,
- initFullFixed: true,
- autoplay: false,
- themeColor: "#FF6A00",
- // muted: true,
- lang: "en",
- poster:'https://look.slgj688.com/img/beijing.png',
- src: 'https://www.aa9169.com/Public/test_video/66.m3u8',
- parse: {
- type: 'hls',
- loader: Hls,
- config: {
- debug: false,
- },
- },
- videoAttribute: [
- { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' },
- { attrKey: 'playsinline', attrValue: 'playsinline' },
- { attrKey: 'x5-video-player-type', attrValue: 'h5-page' }
- ],
- plugins: [
- new MuiPlayerMobilePlugin({
- "key": "01F01D01G01I01F01H01H01K01C01J01F01J01D01H01K",
- showMenuButton: true,
- })
- ]
- })
- md.on("ready", function () {
- document.querySelector(".mplayer-header").style.display = "none";
- md.on("seek-progress", function (e) {
- // console.log("names");
- md.video().play();
- })
- })
- </script>
- </body>
- </html>
|