Hướng dẫn html5 video loop false - vòng lặp video html5 sai

❮ 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

5 là 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

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.5 gold badges71 silver badges89 bronze badges

Hãy tự mình thử »Aug 11, 2010 at 4:13

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

Thuộc tính

5 là một thuộc tính boolean.11 gold badges40 silver badges63 bronze badges

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

var myVideo = document.getElementById('videoId');
if (typeof myVideo.loop == 'boolean') { // loop supported
  myVideo.loop = true;
} else { // loop property not supported
  myVideo.addEventListener('ended', function () {
    this.currentTime = 0;
    this.play();
  }, false);
}
//...
myVideo.play();

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.Aug 11, 2010 at 4:27

Thuộc tính

vòng

3.1 & nbsp; Nov 25, 2017 at 6:50

Iteration: 



var iterations = 1;

    document.getElementById('iteration').innerText = iterations;

        var myVideo = document.getElementById('video-background');
    myVideo.addEventListener('ended', function () {    
                alert('end');
        if (iterations < 2) {
            this.currentTime = 0;
            this.play();
            iterations ++;          
            document.getElementById('iteration').innerText = iterations;
        }   

    }, false);


   // Please note that loop attribute should not be there in video element in order for the 'ended' event to work in ie and firefox

Cú phápJul 31, 2017 at 13:12

dxpkumardxpkumardxpkumar

3412 silver badges9 bronze badges2 silver badges9 bronze badges

Thí dụNOT have any controls associated with it, and either be compatible with all 'modern' browsers, or have the option of a polyfill.

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

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

Stefmikhailstefmikhailstefmikhailstefmikhail

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

Thuộc tính

5 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 badges3 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: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:57Nov 12, 2018 at 8:57

Micmicmicmic

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

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

2

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

Raluca alburaluca albuRaluca AlbuRaluca Albu

3322 Huy hiệu bạc7 Huy hiệu đồng2 silver badges7 bronze badges2 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

5 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:

4

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

Asmmahmudasmmahmudasmmahmudasmmahmud

4.7262 Huy hiệu vàng38 Huy hiệu bạc47 Huy hiệu đồng2 gold badges38 silver badges47 bronze badges2 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.
 
 
  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

5 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