video.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>liveplayer</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  8. <script type="text/javascript" src="liveplayer-element.min.js"></script>
  9. <script type="text/javascript">
  10. window.onload = function() {
  11. }
  12. function getQueryVariable(variable) {
  13. var query = window.location.search.substring(1);
  14. var vars = query.split("&");
  15. for (var i = 0; i < vars.length; i++) {
  16. var pair = vars[i].split("=");
  17. if (pair[0] == variable) {
  18. return pair[1];
  19. }
  20. }
  21. return (false);
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <!-- <live-player id="player01" video-url="rtmp://218.59.173.214/rtp/0BEBC202" live="true" stretch="true" show-custom-button="false"> -->
  27. <live-player id="player01" live="true" stretch="true" show-custom-button="false"></live-player>
  28. <!-- <live-player id="player01" live="true" stretch="true">
  29. </live-player> -->
  30. <script>
  31. var videoPath=getQueryVariable("url");
  32. console.log('播放地址:'+videoPath);
  33. var player = document.getElementById('player01');
  34. player.setAttribute("video-url", videoPath);
  35. </script>
  36. </body>
  37. </html>