web
/
flvdemo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!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>
  </head>
  <body onload="play()">
    <div>
      <video
        id="videoElement"
        class="centeredVideo"
        controls
        width="960"
        height="576"
      >
        Your browser is too old which doesn't support HTML5 video.
      </video>
    </div>
  </body>
  <script src="flv.min.js"></script>
  <script>
    function getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
        return unescape(r[2]);
      }
      return null;
    }

    function play() {
      var playurl = getQueryString("playurl");
      console.log(playurl);
      if (playurl != null && playurl != "") {
        var flvPlayer;
        var player = document.getElementById("videoElement");

        if (flvjs.isSupported()) {
          flvPlayer = flvjs.createPlayer({
            isLive: true,
            type: "flv",
            url: playurl,
          });

          flvPlayer.attachMediaElement(player);
          flvPlayer.load(); //加载
          flvPlayer.play();
        }
      }
    }
  </script>
</html>