Hướng dẫn how do i make a video autoplay and loop in html? - làm cách nào để tạo video tự động phát và lặp lại trong html?

Tôi đang tìm cách đặt một video trong một trang HTML5 sẽ bắt đầu phát trên trang tải và sau khi hoàn thành, hãy quay lại từ đầu mà không bị phá vỡ. Video cũng không nên có bất kỳ điều khiển nào liên quan đến nó và tương thích với tất cả các trình duyệt 'hiện đại' hoặc có tùy chọn polyfill.NOT have any controls associated with it, and either be compatible with all 'modern' browsers, or have the option of a polyfill.

Trước đây tôi đã làm điều này thông qua Flash và FLVPlayback, nhưng tôi muốn tránh xa Flash trong quả cầu HTML5. Tôi nghĩ rằng tôi có thể sử dụng setTimeout của JavaScript để tạo ra một vòng lặp mượt mà, nhưng tôi nên sử dụng gì để nhúng video? Có điều gì đó ngoài kia sẽ phát trực tuyến video theo cách FLVPlayback sẽ không?

Hỏi ngày 30 tháng 4 năm 2012 lúc 1:15Apr 30, 2012 at 1:15

Stefmikhailstefmikhailstefmikhail

6.58713 Huy hiệu vàng44 Huy hiệu bạc61 Huy hiệu Đồng13 gold badges44 silver badges61 bronze badges

Thuộc tính loop nên làm điều đó:

Việc bổ sung thuộc tính

0 không trực quan được Chrome yêu cầu như được ghi lại trên trang web của họ.

Nếu bạn gặp vấn đề với thuộc tính vòng lặp (như chúng ta đã có trong quá khứ), hãy lắng nghe sự kiện

1 và gọi phương thức

2 khi nó bắn.

Note1: Tôi không chắc chắn về hành vi trên iPad/iPhone của Apple, vì chúng có một số hạn chế đối với

3.

Note2:

4 và

5 không được dùng

Lee Goddard

9,9463 Huy hiệu vàng46 Huy hiệu bạc59 Huy hiệu Đồng3 gold badges46 silver badges59 bronze badges

Đã trả lời ngày 2 tháng 5 năm 2012 lúc 13:55May 2, 2012 at 13:55

8

Kể từ tháng 4 năm 2018, Chrome (cùng với một số trình duyệt chính khác) hiện cũng yêu cầu thuộc tính

0.

Do đó, bạn nên sử dụng

Đã trả lời ngày 12 tháng 11 năm 2018 lúc 8:57Nov 12, 2018 at 8:57

Micmicmic

4.0431 Huy hiệu vàng18 Huy hiệu bạc23 Huy hiệu đồng1 gold badge18 silver badges23 bronze badges

Đối với iPhone, nó hoạt động nếu bạn thêm PlaysInline, vì vậy:

Đã trả lời ngày 21 tháng 3 năm 2019 lúc 13:20Mar 21, 2019 at 13:20

Raluca alburaluca albuRaluca Albu

3322 Huy hiệu bạc7 Huy hiệu đồng2 silver badges7 bronze badges

1

Bạn có thể làm điều này theo hai cách sau:

1) Sử dụng thuộc tính loop trong phần tử video (được đề cập trong câu trả lời đầu tiên):

2) Và bạn có thể sử dụng sự kiện truyền thông

8:

window.addEventListener('load', function(){
    var newVideo = document.getElementById('videoElementId');
    newVideo.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);

    newVideo.play();

});

Đã trả lời ngày 24 tháng 10 năm 2017 lúc 17:39Oct 24, 2017 at 17:39

Asmmahmudasmmahmudasmmahmud

4.7262 Huy hiệu vàng38 Huy hiệu bạc47 Huy hiệu đồng2 gold badges38 silver badges47 bronze badges

❮ Thẻ HTML

Thí dụ

Một video sẽ bắt đầu lại, mỗi khi nó kết thúc:

& nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video.
 
 
  Your browser does not support the video tag.

Hãy tự mình thử »

---

Định nghĩa và cách sử dụng

Thuộc tính loop là một thuộc tính boolean.

Khi có mặt, nó chỉ định rằng video sẽ bắt đầu lại, mỗi khi nó kết thúc.

---

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Thuộc tính
vòng	4.0	9.0	11.0	3.1 & nbsp;	11.5

---

Cú pháp

---

❮ Thẻ HTML