ch-校园卡
/
operateVideoPlayer


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="./videos.css" />
  </head>

  <body>
    <div class="header">
      <div>
        <img src="./nav-1.png" alt="南昌交通学院" />
      </div>
    </div>
    <div class="body">
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/electricity.mp4"
          poster="./cover.jpg"
        ></video>
        <p>电费充值使用流程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/face.mp4"
          poster="./cover.jpg"
        ></video>
        <p>人脸采集使用流程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/hotwater.mp4"
          poster="./cover.jpg"
        ></video>
        <p>热水洗浴使用流程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/poscard.mp4"
          poster="./cover.jpg"
        ></video>
        <p>校园码使用流程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/schoolcard.mp4"
          poster="./cover.jpg"
        ></video>
        <p>学生卡领取使用流程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/tempcard.mp4"
          poster="./cover.jpg"
        ></video>
        <p>临时卡领取使用教程</p>
      </div>

      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/qianyue.mp4"
          poster="./cover.jpg"
        ></video>
        <p>农商行签约流程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/airConditioner.mp4"
          poster="./cover.jpg"
        ></video>
        <p>共享空调操作使用教程</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/1.mp4"
          poster="./cover.jpg"
        ></video>
        <p>新生操作视频</p>
      </div>
      <div class="body-item">
        <video
          controls
          src="https://jtishfw.ncjti.edu.cn/guide/2.mp4"
          poster="./cover.jpg"
        ></video>
        <p>在线缴费</p>
      </div>
    </div>
  </body>

  <script>
    var videos = document.getElementsByTagName("video");
    for (var i = videos.length - 1; i >= 0; i--) {
      (function () {
        var p = i;
        videos[p].addEventListener("play", function () {
          pauseAll(p);
        });
      })();
    }
    function pauseAll(index) {
      for (var j = videos.length - 1; j >= 0; j--) {
        if (j != index) videos[j].pause();
      }
    }
  </script>
</html>