36744.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <link rel="stylesheet" type="text/css" href="https://lsp.slgj688.com/player/css/mui-player.min.css" />
  9. <script type="text/javascript" src="https://lsp.slgj688.com/player/js/hls.min.js"></script>
  10. <script type="text/javascript" src="https://lsp.slgj688.com/player/js/mui-player.min.js"></script>
  11. <script src="https://lsp.slgj688.com/player/js/mui-player-mobile-plugin.min.js"></script>
  12. <script src="https://lsp.slgj688.com/player/js/jquery.min.js"></script>
  13. <style>
  14. * {
  15. padding: 0;
  16. margin: 0;
  17. list-style: none;
  18. box-sizing: border-box;
  19. }
  20. .names {
  21. width: 100px;
  22. height: 100px;
  23. border: 1px solid black;
  24. }
  25. .names1 {
  26. width: 100px;
  27. height: 100px;
  28. border: 1px solid black;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="h5"></div>
  34. <script>
  35. var md = new MuiPlayer({
  36. container: "#h5",
  37. title: '',
  38. // autoplay: true,
  39. initFullFixed: true,
  40. autoplay: false,
  41. themeColor: "#FF6A00",
  42. // muted: true,
  43. lang: "en",
  44. poster:'https://look.slgj688.com/img/beijing.png',
  45. src: 'https://www.aa9169.com/Public/test_video/66.m3u8',
  46. parse: {
  47. type: 'hls',
  48. loader: Hls,
  49. config: {
  50. debug: false,
  51. },
  52. },
  53. videoAttribute: [
  54. { attrKey: 'webkit-playsinline', attrValue: 'webkit-playsinline' },
  55. { attrKey: 'playsinline', attrValue: 'playsinline' },
  56. { attrKey: 'x5-video-player-type', attrValue: 'h5-page' }
  57. ],
  58. plugins: [
  59. new MuiPlayerMobilePlugin({
  60. "key": "01F01D01G01I01F01H01H01K01C01J01F01J01D01H01K",
  61. showMenuButton: true,
  62. })
  63. ]
  64. })
  65. md.on("ready", function () {
  66. document.querySelector(".mplayer-header").style.display = "none";
  67. md.on("seek-progress", function (e) {
  68. // console.log("names");
  69. md.video().play();
  70. })
  71. })
  72. </script>
  73. </body>
  74. </html>