wwj718/video_player.html

## video_player.html
<html>
  <head>
    <title>video player</title>
  </head>
  <body onload="onload();">
    <video
      id="idle_video"
      onended="onVideoEnded();"
      controls="controls"
    ></video>
    <script>
      // 输入视频名称
      var video_list = ["wormhole.mp4", "blender.mp4", "cozmo_vector.mp4"];
      var video_index = 0;
      var video_player = null;

      function onload() {
        console.log("body loaded");
        video_player = document.getElementById("idle_video");
        video_player.setAttribute("src", video_list[video_index]);
        video_player.play();
      }

      function onVideoEnded() {
        console.log("video ended");
        if (video_index < video_list.length - 1) {
          video_index++;
        } else {
          video_index = 0;
        }
        video_player.setAttribute("src", video_list[video_index]);
        video_player.play();
      }
    </script>
  </body>
</html>
	<html>
	<head>
	<title>video player</title>
	</head>
	<body onload="onload();">
	<video
	id="idle_video"
	onended="onVideoEnded();"
	controls="controls"
	></video>
	<script>
	// 输入视频名称
	var video_list = ["wormhole.mp4", "blender.mp4", "cozmo_vector.mp4"];
	var video_index = 0;
	var video_player = null;

	function onload() {
	console.log("body loaded");
	video_player = document.getElementById("idle_video");
	video_player.setAttribute("src", video_list[video_index]);
	video_player.play();
	}

	function onVideoEnded() {
	console.log("video ended");
	if (video_index < video_list.length - 1) {
	video_index++;
	} else {
	video_index = 0;
	}
	video_player.setAttribute("src", video_list[video_index]);
	video_player.play();
	}
	</script>
	</body>
	</html>