HTMLMediaElement: thuộc tính autoplay
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTMLMediaElement.autoplay
thuộc tính phản ánh thuộc tính HTML autoplay, biểu thị
việc phát lại có tự động bắt đầu ngay khi có đủ phương tiện để thực hiện hay không
như vậy không bị gián đoạn.
Phần tử phương tiện có nguồn là MediaStream và có
Thuộc tính autoplay là true sẽ bắt đầu phát lại khi nó trở thành
hoạt động (nghĩa là khi MediaStream.active trở thành true).
Note: Các trang web tự động phát âm thanh (hoặc video có âm thanh track) có thể là một trải nghiệm khó chịu cho người dùng, vì vậy cần tránh khi khả thi. Nếu bạn phải cung cấp chức năng tự động phát, bạn nên chọn tham gia (yêu cầu người dùng kích hoạt nó một cách cụ thể). Tuy nhiên, tính năng tự động phát có thể hữu ích khi tạo các phần tử phương tiện có nguồn sẽ được đặt sau, dưới sự kiểm soát của người dùng.
Để có cái nhìn sâu hơn về tự động phát, chặn tự động phát và cách phản hồi khi tính năng tự động phát bị chặn bởi trình duyệt của người dùng, hãy xem bài viết của chúng tôi Autoplay guide for media and Web Audio APIs.
Giá trị
Giá trị boolean là true nếu phần tử phương tiện sẽ
bắt đầu phát lại ngay khi đã tải đủ nội dung để cho phép phát lại mà không cần
gián đoạn.
Note:
Một số trình duyệt cung cấp cho người dùng khả năng ghi đè
autoplay để ngăn âm thanh hoặc video bị gián đoạn khi phát
mà không được phép hoặc trong nền. Thực ra đừng dựa vào autoplay
bắt đầu phát lại và thay vào đó hãy sử dụng play
sự kiện.
Ví dụ
<video id="video" controls>
<source
src="https://player.vimeo.com/external/250688977.sd.mp4?s=d14b1f1a971dde13c79d6e436b88a6a928dfe26b&profile_id=165" />
</video>
// Disable autoplay (recommended)
// false is the default value
document.querySelector("#video").autoplay = false;
Đặc tả kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML> # dom-media-autoplay> |
Tương thích trình duyệt
Xem thêm
HTMLMediaElement: Giao diện dùng để định nghĩa thuộc tínhHTMLMediaElement.autoplay<audio>,<video>