Hướng dẫn why video is not autoplay in html? - tại sao video không tự động phát trong html?

Tôi đã dành khá nhiều thời gian để cố gắng tìm ra lý do tại sao video được nhúng như ở đây:

Bắt đầu phát tự động khi trang được tải trong Firefox nhưng không thể thực hiện tự động phát trong các trình duyệt dựa trên WebKit. Điều này chỉ xảy ra trên một số trang ngẫu nhiên. Cho đến nay tôi không thể tìm thấy nguyên nhân. Tôi nghi ngờ một số thẻ chưa được giải thích hoặc JS mở rộng được tạo bởi các biên tập viên CMS.

Hỏi ngày 1 tháng 8 năm 2013 lúc 12:53Aug 1, 2013 at 12:53

Adam Bubelaadam BubelaAdam Bubela

8.8534 Huy hiệu vàng27 Huy hiệu bạc31 Huy hiệu Đồng4 gold badges27 silver badges31 bronze badges

4

Bản sửa lỗi tốt nhất tôi có thể nhận được là thêm mã này ngay sau

...

    document.getElementById['vid'].play[];

... không đẹp nhưng bằng cách nào đó hoạt động.

Cập nhật gần đây, nhiều trình duyệt chỉ có thể tự động phát các video với âm thanh, vì vậy bạn cũng cần thêm thuộc tính

...

...

...

Đã trả lời ngày 1 tháng 8 năm 2013 lúc 12:53Aug 1, 2013 at 12:53

Adam Bubelaadam BubelaAdam Bubela

8.8534 Huy hiệu vàng27 Huy hiệu bạc31 Huy hiệu Đồng4 gold badges27 silver badges31 bronze badges

9

Bản sửa lỗi tốt nhất tôi có thể nhận được là thêm mã này ngay sau

...

... không đẹp nhưng bằng cách nào đó hoạt động.developers.google.com, From Chrome 53, the autoplay option is respected by the browser, if the video is muted.

Cập nhật gần đây, nhiều trình duyệt chỉ có thể tự động phát các video với âm thanh, vì vậy bạn cũng cần thêm thuộc tính

...

Đã trả lời ngày 1 tháng 8 năm 2013 lúc 12:53

Sau khi sử dụng JQuery

...

9 hoặc Dom Maniupulation như được đề xuất bởi các câu trả lời khác, nó vẫn không hoạt động [video không tự động phát] trong Chrome cho Android [phiên bản 56.0].

• Theo bài đăng này trong các nhà phát triển.google.com, từ Chrome 53, tùy chọn autoplay được trình duyệt tôn trọng, nếu video bị tắt tiếng.
• Vì vậy, sử dụng các thuộc tính
  0 trong thẻ video cho phép video được tự động hóa trong các trình duyệt Chrome từ phiên bản 53.

Trích từ liên kết trên:Feb 23, 2017 at 11:44

Autoplay tắt cho video được hỗ trợ bởi Chrome cho Android kể từ phiên bản 53. Phát lại sẽ tự động bắt đầu cho một phần tử video khi nó xuất hiện nếu cả

...

Autoplay bị tắt tiếng được Safari hỗ trợ trên iOS 10 trở lên.2 gold badges33 silver badges44 bronze badges

2

Autoplay, dù bị tắt tiếng hay không, đã được hỗ trợ trên Android bởi trình duyệt Firefox và UC: chúng không chặn bất kỳ loại tự động nào.

Đã trả lời ngày 23 tháng 2 năm 2017 lúc 11:44

Ramvalliramvalli

4.3092 Huy hiệu vàng33 Huy hiệu bạc44 Huy hiệu đồngMay 18, 2018 at 0:40

Google chỉ thay đổi chính sách của họ cho các video Autoplay, nó phải là

...

Bạn có thể kiểm tra ở đây4 gold badges22 silver badges36 bronze badges

1

Vì vậy, chỉ cần thêm tắt tiếngeven if the canplaythrough event has fired when the DOM around the video tag has changed after initial page load. Basically I had the same issue until I deleted a .wrap[] jQuery around the video tag and after that it autoplayed as expected.

Đã trả lời ngày 18 tháng 5 năm 2018 lúc 0:40Nov 13, 2014 at 11:14

MoogamoogaArnaud Leyder

2.9374 Huy hiệu vàng22 Huy hiệu bạc36 Huy hiệu Đồng4 gold badges31 silver badges42 bronze badges

3

Nó xảy ra rằng Safari và Chrome trên máy tính để bàn không thích thao tác DOM xung quanh thẻ video. Họ sẽ không bắn thứ tự chơi khi thuộc tính Autoplay được đặt ngay cả khi sự kiện Canplaythrough đã bắn khi DOM xung quanh thẻ video đã thay đổi sau khi tải trang ban đầu. Về cơ bản, tôi đã có cùng một vấn đề cho đến khi tôi xóa một jQuery .wrap [] xung quanh thẻ video và sau đó nó được tự động phát hành như mong đợi.

`

Đã trả lời ngày 13 tháng 11 năm 2014 lúc 11:14Oct 27, 2017 at 21:25

Arnaud Leyderarnaud LeyderGarryW

6.3944 Huy hiệu vàng31 Huy hiệu bạc42 Huy hiệu đồng3 silver badges7 bronze badges

2

Đối với tôi, vấn đề là thuộc tính

...

Đã trả lời ngày 27 tháng 10 năm 2017 lúc 21:25Sep 25, 2019 at 7:54

1

Garrywgarryw

3633 Huy hiệu bạc7 Huy hiệu đồngSep 9, 2021 at 14:04

Chrome không cho phép tự động phát video với âm thanh, vì vậy hãy đảm bảo thêm thuộc tính

...

Đã trả lời ngày 25 tháng 9 năm 2019 lúc 7:546 gold badges44 silver badges68 bronze badges

2

var video = document.querySelector['video'];
video.muted = true;
video.play[]

Nó hoạt động cho tôi khi kết hợp với thuộc tính

...

Đã trả lời ngày 9 tháng 9 năm 2021 lúc 14:04Sep 20, 2018 at 8:53

Ant0haAnt0haAnt0ha

Tasawer Khantasawer Khan5 silver badges6 bronze badges

5,8046 Huy hiệu vàng44 Huy hiệu bạc68 Huy hiệu Đồng

Chỉ có giải pháp này đã giúp tôi,

Đã trả lời ngày 20 tháng 9 năm 2018 lúc 8:53

5275 Huy hiệu bạc6 Huy hiệu ĐồngJul 10, 2014 at 9:11

1

Tôi vừa gặp phải vấn đề tương tự với video của mình

Sau khi tìm kiếm, tôi đã tìm thấy một giải pháp:May 2, 2019 at 10:26

0

Nếu tôi đặt "preload" thuộc tính thành "true", video bắt đầu bình thườngLow Power Mode it won`t autoplay, even if you have the following attributes: autoplay, loop, muted, playsinline set on your video html tag.

Đã trả lời ngày 10 tháng 7 năm 2014 lúc 9:11user gesture event to trigger video play:

    document.getElementById['vid'].play[];

Thử cái này:

//webkit.org/blog/6784/new-video-policies-for-ios/

Đã trả lời ngày 2 tháng 5 năm 2019 lúc 10:26Jun 9, 2020 at 9:16

Trên iPhone Safari khi pin thấp và iPhone ở chế độ năng lượng thấp, nó sẽ không tự động phát, ngay cả khi bạn có các thuộc tính sau: Autoplay, Loop, bị tắt tiếng, Playinline được đặt trên thẻ HTML video của bạn.talsibony

Đi bộ xung quanh tôi thấy làm việc là để có sự kiện cử chỉ người dùng để kích hoạt video phát:5 gold badges46 silver badges44 bronze badges

Bạn có thể đọc thêm về chính sách cử chỉ và video của người dùng cho iOS trong trang web WebKit:

    document.getElementById['vid'].play[];

Đã trả lời ngày 9 tháng 6 năm 2020 lúc 9:16Nov 24, 2016 at 5:47

sanath_psanath_psanath_p

Talsibonytalsibony2 gold badges24 silver badges22 bronze badges

2

8.1385 Huy hiệu vàng46 Huy hiệu bạc44 Huy hiệu đồng

    document.getElementById['vid'].play[];

Thêm mã dưới đây ở dưới cùng của trang hoạt động cho tôi. Tôi không biết tại sao nó hoạt động :[

Đã trả lời ngày 24 tháng 11 năm 2016 lúc 5:47will play the video right where it is instead of the default, which is to open it up fullscreen while it plays.

Đối với Safari trên OSX, vì tùy chọn trang web mặc định

Đó là lý do tại sao chúng tôi cần tài sản

...

Đã trả lời ngày 17 tháng 5 năm 2021 lúc 13:49May 17, 2021 at 13:49

Ekimasekimasekimas

1772 Huy hiệu bạc8 Huy hiệu Đồng2 silver badges8 bronze badges

2

Gần đây chúng tôi đã giải quyết một vấn đề tương tự với một video nhúng và thấy rằng các thuộc tính autoplay và bị tắt là không đủ để thực hiện của chúng tôi.

Chúng tôi đã thêm thuộc tính "PlaysInline" thứ ba vào mã và nó đã khắc phục sự cố cho người dùng iOS.

Bản sửa lỗi này là cụ thể cho các video sẽ được phát nội tuyến. Từ //webkit.org/blog/6784/new-video-pologists-for-os/:

Trên iPhone, các phần tử bây giờ sẽ được phép chơi nội tuyến và sẽ không tự động vào chế độ toàn màn hình khi phát lại bắt đầu. Các yếu tố không có thuộc tính PlaySinline sẽ tiếp tục yêu cầu chế độ toàn màn hình để phát lại trên iPhone. Khi thoát toàn bộ màn hình với một cử chỉ nhúm, các yếu tố không có Playinline sẽ tiếp tục chơi nội tuyến.

Đã trả lời ngày 28 tháng 11 năm 2018 lúc 22:45Nov 28, 2018 at 22:45

Mingalamingalamingala

2843 Huy hiệu bạc7 Huy hiệu đồng3 silver badges7 bronze badges

Hãy thử hoán đổi trong

Nó dường như là trường hợp nhạy cảm đôi khi. Rất kỳ quái vì nó hoạt động như

`

Đã trả lời ngày 11 tháng 6 năm 2020 lúc 0:59Jun 11, 2020 at 0:59

1

• Vui lòng sử dụng từ khóa

  
  ...
  
  

  8 trước
  1 từ, ở đây một số thay đổi quyền riêng tư vào tháng 4 năm 2018.
• Bạn có thể đọc chính sách ở đây

Đã trả lời ngày 23 tháng 4 năm 2021 lúc 13:13Apr 23, 2021 at 13:13

Yagnesh Bhalalayagnesh BhalalaYagnesh bhalala

1,0071 Huy hiệu vàng15 Huy hiệu bạc16 Huy hiệu đồng1 gold badge15 silver badges16 bronze badges

Thử cái này:

    document.getElementById['vid'].play[];

Đây là cách tôi thường làm điều đó. Vòng lặp, điều khiển và tự động không yêu cầu một giá trị chúng là các thuộc tính boolean.

Đã trả lời ngày 1 tháng 8 năm 2013 lúc 13:58Aug 1, 2013 at 13:58

0

Tôi đã nhận được của tôi để tự động phát bằng cách làm cho nó tắt tiếng. Tôi nghĩ rằng các quy tắc của Google sẽ không cho phép Chrome Auto-Play trừ khi nó bị tắt tiếng.

    document.getElementById['vid'].play[];

Đã trả lời ngày 27 tháng 11 năm 2020 lúc 1:00Nov 27, 2020 at 1:00

Sam SamSam

4.21711 Huy hiệu vàng46 Huy hiệu bạc72 Huy hiệu đồng11 gold badges46 silver badges72 bronze badges

Đối với Angular, bạn sẽ phải tắt tiếng và chơi nó trong

`

    document.getElementById['vid'].play[];

    document.getElementById['vid'].play[];

Đã trả lời ngày 30 tháng 11 năm 2021 lúc 9:24Nov 30, 2021 at 9:24

Raphaël Baletraphaël BaletRaphaël Balet

4.2872 Huy hiệu vàng27 Huy hiệu bạc51 Huy hiệu Đồng2 gold badges27 silver badges51 bronze badges

Không có câu trả lời nào khác làm việc cho tôi. Cách giải quyết của tôi là kích hoạt một cú nhấp chuột vào chính video; Hacky [vì thời gian chờ cần] nhưng nó hoạt động tốt:

    document.getElementById['vid'].play[];

Đã trả lời ngày 24 tháng 11 năm 2014 lúc 15:14Nov 24, 2014 at 15:14

Stijn Geukensstijn GeukensStijn Geukens

15.3k7 Huy hiệu vàng67 Huy hiệu bạc100 Huy hiệu Đồng7 gold badges67 silver badges100 bronze badges

1

Đã dành hai giờ để thử tất cả các giải pháp được đề cập ở trên.

Đây là những gì cuối cùng đã làm việc cho tôi:

    document.getElementById['vid'].play[];

Đã trả lời ngày 10 tháng 5 năm 2019 lúc 0:12May 10, 2019 at 0:12

Dpigeradpigeradpigera

3.3394 Huy hiệu vàng38 Huy hiệu bạc58 Huy hiệu Đồng4 gold badges38 silver badges58 bronze badges

Góc 10:

    document.getElementById['vid'].play[];

Đã trả lời ngày 9 tháng 1 năm 2021 lúc 19:50Jan 9, 2021 at 19:50

1

Điều này là do bây giờ Chrome đang ngăn chặn phát tự động trong video HTML5, vì vậy theo mặc định, chúng sẽ không cho phép chơi tự động. Vì vậy, chúng tôi có thể thay đổi cài đặt này bằng cài đặt cờ Chrome. Điều này là không thể cho trường hợp bình thường vì vậy tôi đã tìm thấy một giải pháp khác. Điều này đang hoạt động hoàn hảo ... [Thêm preload = "auto"]

...

...

Đã trả lời ngày 24 tháng 5 năm 2018 lúc 5:44May 24, 2018 at 5:44

...

Điều này làm việc cho tôi.

Đã trả lời ngày 10 tháng 10 năm 2021 lúc 12:23Oct 10, 2021 at 12:23

1

Tôi đã có một trường hợp có liên quan đến thứ tự của các kiểu dáng khác nhau. Cố gắng thay đổi nó và xem điều đó có giúp ích gì không.

Đã trả lời ngày 22 tháng 8 năm 2014 lúc 9:44Aug 22, 2014 at 9:44

Tôi bắt đầu chơi tất cả các video có thể nhìn thấy, nhưng điện thoại cũ không hoạt động tốt. Vì vậy, ngay bây giờ tôi phát một video gần trung tâm nhất của cửa sổ và tạm dừng phần còn lại. Vanilla JS. Bạn có thể chọn thuật toán bạn thích.

...

Đã trả lời ngày 28 tháng 10 năm 2017 lúc 5:14Oct 28, 2017 at 5:14

Ubershmekelubershmekelubershmekel

11.1k7 Huy hiệu vàng69 Huy hiệu bạc84 Huy hiệu đồng7 gold badges69 silver badges84 bronze badges

Tôi đã giải quyết cùng một vấn đề với,

...

Bạn phải khởi chạy các video sau khi trang đã được hiển thị.

Đã trả lời ngày 10 tháng 1 năm 2018 lúc 9:42Jan 10, 2018 at 9:42

Hãy thử điều này nó rất đơn giản và ngắn và nó hoạt động với mã của tôi trong khi tôi có toàn màn hình video và đằng sau các yếu tố khác, tôi chỉ cần sử dụng Z -index -1;

...

Đã trả lời ngày 19 tháng 12 năm 2020 lúc 19:39Dec 19, 2020 at 19:39

Trong React + Chrome, tốt hơn là nhập video hơn là đưa nó dưới dạng SRC.

...

Nhớ lại

• Video nằm trong cùng một thư mục, để nhập nó.
• Để tự động phát, video trong nền, sử dụng autoplay và các đạo cụ bị tắt tiếng ở đó.autoPlay and muted props are there.

Đã trả lời ngày 19 tháng 2 năm 2021 lúc 7:11Feb 19, 2021 at 7:11

Tại sao video Autoplay không hoạt động trong HTML?

Làm thế nào để tôi có được một video để tự động phát trong HTML?

Tại sao video của tôi không tự động phát?

Tại sao thẻ video HTML không hoạt động?