Vòng lặp tự động phát video html

Làm thế nào để có thể tự động lặp lại video YouTube hoặc danh sách phát YouTube? . Sau đây, mình xin chia sẻ cùng các bạn các bước cơ bản để tạo ứng dụng mở video YouTube tự động và lặp lại [loop/repeat]

Mục lục

  • Cơ bản
  • Upgrade
  • Thử nghiệm
  • Chương trình nghe nhạc YouTube
  • Tham khảo

Cơ bản

Tạo một trang web với nội dung như bên dưới



Chương trình nghe nhạc Youtube

	#myhtml5player {
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		display: inline-block;
		margin: auto;
	}



Chuong trinh nghe nhac

Truy cập Youtube, tìm id của danh sách phát mà bạn thích, thay thế bằng id trong đoạn mã trên [tức thì. PLE-A6_CIGWSRap6TyqqHZh4V40JAtJIFV]. Trường hợp, một video thì tìm id của video, thay thế toàn bộ thuộc tính src bằng tương tự như đoạn nằm trong chú thích bên dưới

Use browser Google Chrome to open your web page you just made on. Kết quả sẽ tương tự như hình bên dưới

Cá nhân tôi thích giải pháp #2 vì đó là cách tiếp cận sạch hơn vì không phụ thuộc quá nhiều vào JavaScript. giải pháp số 2 vì đây là cách tiếp cận sạch hơn vì không phụ thuộc quá nhiều vào JavaScript

Cập nhật tháng 8 năm 2019

Giải pháp #3

Thay thế chúng ta có thể sử dụng


    

2

Đối với Firefox, có vẻ như Audio Auto-Play đang hoạt động, vì vậy chúng tôi không cần phần tử


    

2 vì nó sẽ tạo ra quá trình chạy âm thanh kép. Firefox Có vẻ như tính năng tự động phát âm thanh đang hoạt động nên chúng tôi không cần phần tử _______12 vì nó sẽ tạo ra âm thanh kép khi chạy.
// index.js
let audioPlaying = true,
    backgroundAudio, browser;
browser = navigator.userAgent.toLowerCase[];
$[''].prependTo['body'];
if [!browser.indexOf['firefox'] > -1] {
    $[''].prependTo['body'];
    backgroundAudio = setInterval[function[] {
        $["#background-audio"].remove[];
        $[''].prependTo['body'];
    }, 120000]; // 120000 is the duration of your audio which in this case 2 mins.
}

Ngoài ra, nếu bạn có một sự kiện chuyển đổi cho âm thanh của mình, hãy chắc chắn xóa phần tử


    

2 được tạo cho âm thanh

Lưu ý. Sau khi chuyển đổi của bạn, nó sẽ khởi động lại từ đầu vì


    

12 đã bị xóa và phần tử

    

6 sẽ phát như bình thường. Sau khi bạn chuyển đổi, nó sẽ khởi động lại từ đầu vì ______12 đã bị xóa và phần tử

    

6 sẽ phát như bình thường ngay bây giờ.

    

5

Và bây giờ hãy chắc chắn để ẩn các yếu tố


    

6 và

    

2 này

    

8

Lưu ý


    

9 và

    

50 sẽ làm cho phần tử____12 không hoạt động

Cách bật Tự động phát âm thanh và video HTML với âm thanh, trong Chrome và các trình duyệt khác, vào năm 2019

Update Trombone buồn. Điều này đã được định sẵn, đã được định bởi hầu hết - nếu không phải tất cả - trình duyệt bây giờ 🙁 & nbsp;

Một khách truy cập phải tương tác với trang web trước khi âm thanh có thể phát. Một cú nhấp chuột vào bất kỳ nơi nào trên trang web là đủ

Chrome is not allow & nbsp; .  

Tôi hoàn toàn hiểu rằng quảng cáo video với âm thanh bắt đầu phát ra từ đâu là siêu khó chịu.  

Nhưng, nếu bạn là người tạo ra nội dung video, nhà phát triển trò chơi, nhà thiết kế trải nghiệm hoặc nhà thiết kế âm thanh tạo trang của riêng bạn, thì đây thực sự là một tin xấu

Tôi đã tìm thấy một cách để kích hoạt tự động phát bằng âm thanh một lần nữa, chỉ với một dòng HTML duy nhất và tất nhiên, tôi đã sử dụng nó tốt trên trang web này, ở đây và ở đây

Kiểm tra đoạn trích này



Tôi đã thêm một Vô hình & nbsp; . mp3 doing source of it and & nbsp; . Do đó, trình duyệt bị đánh lừa bắt đầu bất kỳ tệp âm thanh tiếp theo nào. Hoặc Tự động phát một video không bị tắt tiếng. iframe với một. mp3 làm nguồn và allow=”autoplay” trước phần tử âm thanh. Do đó, trình duyệt bị lừa bắt đầu bất kỳ tệp âm thanh tiếp theo nào. Hoặc tự động phát video không bị tắt tiếng

Tôi đã sử dụng một tệp. mp3 which only is im lặng một giây. Nó nặng 37kb - có kích thước bằng hình ảnh thu nhỏ. You can download down. mp3 ở đây

Làm cách nào để HTML tự động phát âm thanh?

Cách đơn giản nhất để tự động phát nội dung là bổ sung thêm tính năng tự động phát vào phần tử hoặc phần tử của bạn. thêm thuộc tính tự động phát vào phần tử của bạn .

Làm cách nào để Autoplay Audio trong HTML không có điều khiển?

Thẻ âm thanh cho phép bạn nhúng nội dung âm thanh vào các trang HTML của mình. Theo mặc định, trình duyệt không hiển thị bất kỳ điều khiển nào cho phần tử này. Điều đó có nghĩa là âm thanh sẽ chỉ phát nếu được đặt thành tự động phát [nhiều hơn về điều này sau] và người dùng không thể thấy cách dừng nó hoặc điều khiển âm lượng hoặc di chuyển qua đường đua. Theo mặc định, trình duyệt không hiển thị bất kỳ điều khiển nào cho thành phần này . Điều đó có nghĩa là âm thanh sẽ chỉ phát nếu được đặt thành tự động phát [thêm về điều này sau] và người dùng không thể xem cách dừng âm thanh hoặc điều khiển âm lượng hoặc di chuyển qua bản nhạc.

Làm cách nào để kích hoạt trò chơi tự động trong chrome?

Bước 1 - Mở trình duyệt Google Chrome. Bước 3 - Tiếp tục thả xuống Chính sách Tự động phát và chọn "Không cần chỉ định người dùng. "Điều này sẽ làm cho nó để bạn không cần phải xen kẽ với trang để video hoặc âm thanh bắt đầu phát tự động. Bước 4 - Khởi động lại trình duyệt

Chủ Đề