chenzhiguang
/
smartCity


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style/reset.css" />
    <link rel="stylesheet" href="style/public.css" />
    <link rel="stylesheet" href="style/place.css" />
    <link rel="stylesheet" href="font/iconfont.css" />
    <title>Document</title>
  </head>

  <body>
    <header class="title">
      <i class="iconfont iconbangonglou"></i>
      重点场所
    </header>
    <div class="line"></div>
    <section class="s1">
        <main class="video-ctrl">
            <video
              id="testPlayer"
              poster=""
              controls
              playsInline
              webkit-playsinline
              autoplay="autoplay"
            >
              <source
                src="http://gz2play.95787.com/sx/gnFe37Och0oyb12RvJTMumpdG.m3u8"
                type="application/x-mpegURL"
              />
            </video>
          </main>
      <div class="line"></div>

      <main class="video-ctrl">
        <video src="./video/2.Ogg" loop="loop" autoplay="autoplay"></video>
      </main>
      <div class="line"></div>

      <main class="video-ctrl">
        <video src="./video/4.Ogg" loop="loop" autoplay="autoplay"></video>
      </main>
    </section>

    <script src="js/ezuikit.js"></script>

    <script>
        var player = new EZUIPlayer("testPlayer");
        player.on("error", function() {
          console.log("error");
        });
        player.on("play", function() {
          console.log("play");
        });
        player.on("pause", function() {
          console.log("pause");
        });
        Array.from(document.querySelectorAll(".s1 .video-ctrl")).forEach(
          (dom, index) => {
            dom.addEventListener("click", e => {
              console.log("placeClickHandle", index);
              window.placeClickHandle && window.placeClickHandle(index);
            });
          }
        );
      </script>
  </body>
</html>