HTML Video YouTube
Cách dễ nhất để phát video bằng HTML là sử dụng YouTube.
Bạn đang gặp khó khăn với các định dạng video?
Chuyển đổi video sang các định dạng khác nhau có thể khó khăn và tốn thời gian.
Một giải pháp dễ dàng hơn là cho phép YouTube phát video trên trang web của bạn.
Id Video YouTube
YouTube sẽ hiển thị một id (như tgbNymZ7vqY) khi bạn lưu (hoặc phát) video.
Bạn có thể sử dụng id này và tham chiếu đến video của mình trong mã HTML.
Phát video YouTube bằng HTML
Để phát video của bạn trên một trang web, hãy làm như sau:
- Tải video lên YouTube
- Ghi lại id video
- Xác định một
<iframe>
phần tử trong trang web của bạn - Để
src
thuộc tính trỏ đến URL video - Sử dụng các thuộc tính
width
vàheight
để chỉ định thứ nguyên của trình phát - Thêm bất kỳ thông số nào khác vào URL (xem bên dưới)
Thí dụ
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Tự động phát trên YouTube + Tắt tiếng
Bạn có thể để video của mình bắt đầu tự động phát khi người dùng truy cập trang bằng cách thêm autoplay=1
vào URL YouTube. Tuy nhiên, việc tự động bắt đầu video sẽ gây khó chịu cho khách truy cập của bạn!
Lưu ý: Trong hầu hết các trường hợp, trình duyệt Chromium không cho phép tự động phát. Tuy nhiên, luôn cho phép tự động phát bị tắt tiếng.
Thêm mute=1
sau
autoplay=1
để video của bạn bắt đầu phát tự động (nhưng bị tắt tiếng).
YouTube - Tự động phát + Tắt tiếng
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Danh sách phát trên YouTube
Danh sách video để phát được phân tách bằng dấu phẩy (ngoài URL gốc).
Vòng lặp YouTube
Thêm loop=1
để video của bạn lặp lại mãi mãi.
Giá trị 0 (mặc định): Video sẽ chỉ phát một lần.
Giá trị 1: Video sẽ lặp lại (mãi mãi).
YouTube - Vòng lặp
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Kiểm soát YouTube
Thêm controls=0
để không hiển thị các điều khiển trong trình phát video.
Giá trị 0: Các điều khiển trình phát không hiển thị.
Giá trị 1 (mặc định): Màn hình điều khiển trình phát.
YouTube - Kiểm soát
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>