Video YouTube HTML
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?
Việc 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à để YouTube phát video trên trang web của bạn.
Id video YouTube
YouTube sẽ hiển thị 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 khảo video của mình bằng 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 phần tử
<iframe>
trong trang web của bạn - Để thuộc tính
src
trỏ tới URL video - Sử dụng thuộc tính
width
vàheight
để chỉ định kích thước của trình phát - Thêm bất kỳ tham số nào khác vào URL (xem bên dưới)
Ví dụ
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Hãy tự mình thử »Tự động phát YouTube + Tắt tiếng
Bạn có thể để video của mình bắt đầu phát tự động 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 một video sẽ gây khó chịu cho khách truy cập của bạn!
Lưu ý: Trình duyệt Chrome không cho phép tự động phát trong hầu hết các trường hợp. Tuy nhiên, tính năng tự động phát bị tắt tiếng luôn được cho phép.
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>
Hãy tự mình thử » Danh sách phát YouTube
Danh sách video được phân tách bằng dấu phẩy để phát (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>
Hãy tự mình thử »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: Điều khiển trình phát không hiển thị.
Giá trị 1 (mặc định): Hiển thị điều khiển trình phát.
YouTube - Điều khiển
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>
Hãy tự mình thử »