Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

เล่นวิดีโอวนลูปอัตโนมัติเมื่อโหลดหน้าใน HTML5

ใช้แอตทริบิวต์ autoplay และ loop

แท็ก <video> รองรับ 3 รูปแบบ: MP4, WebM, Ogg

ตัวอย่าง

<video width="600" height="500" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  เบราว์เซอร์ของคุณไม่รองรับแท็ก video
</video>

autoplay: เริ่มเล่นทันทีเมื่อโหลด
loop: เล่นวนลูปตลอดเวลา

กรณี loop ไม่ทำงาน

ฟัง event ended แล้วเรียก play() ใหม่:

video.addEventListener('ended', function() {
    this.play();
});