live.html 1.1 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html>
  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, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
  7. <title>直播播放器</title>
  8. <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css" />
  9. <script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js"></script>
  10. <script type="text/javascript" src="/player/query.js"></script>
  11. </head>
  12. <body style="margin: 0px">
  13. <div class="prism-player" id="player-con" style="width: 100%;overflow: hidden"></div>
  14. <script>
  15. // 获得播放源
  16. const source = getParam('source')
  17. new Aliplayer({
  18. "id": "player-con",
  19. "source": decodeURIComponent(source),
  20. "width": "100%",
  21. "height": "500px",
  22. "autoplay": true,
  23. "isLive": true,
  24. "rePlay": false,
  25. "playsinline": true,
  26. "preload": true,
  27. "controlBarVisibility": "hover",
  28. "useH5Prism": true
  29. });
  30. </script>
  31. </body>