Video YouTube HTML

Cách đơn giản nhất để chèn video vào HTML là sử dụng YouTube.

Đắn đo về định dạng video?

Chuyển đổi video sang định dạng khác có thể khó khăn và tốn thời gian.

Một giải pháp đơn giản hơn là để YouTube phát video trong trang web của bạn.

ID Video YouTube

Khi lưu (hoặc phát) video, YouTube sẽ hiển thị một ID (ví dụ: ih1l6wb7LhU).

Bạn có thể sử dụng ID này và tham chiếu video của bạn trong mã HTML.

Chèn video YouTube vào HTML

Nếu bạn muốn phát video trên trang web, hãy thực hiện các bước sau:

  • Tải video lên YouTube
  • Ghi lại ID video
  • Định nghĩa trong trang web của bạn <iframe> Thẻ
  • Cho phép src Thuộc tính để chỉ định URL của video
  • Sử dụng width và height Thuộc tính để quy định kích thước của trình phát
  • Thêm các tham số khác vào URL (xem phần dưới)

Mô hình

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Thử ngay

YouTube Autoplay + Mute

Bạn có thể thêm autoplay=1 vào URL YouTube để video tự động bắt đầu phát khi người dùng truy cập trang. Tuy nhiên, việc tự động phát video có thể làm người truy cập cảm thấy khó chịu!

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. Nhưng luôn cho phép tự động phát tắt tiếng.

Trong autoplay=1 Sau đó thêm mute=1Sẽ tự động bắt đầu phát video của bạn (nhưng đã tắt tiếng).

YouTube - Tự động phát + Tắt tiếng

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Thử ngay

Danh sách phát YouTube

Danh sách video cần phát được phân tách bằng dấu phẩy (trừ URL gốc).

YouTube Lặp lại

Thêm loop=1 Sẽ làm cho video của bạn lặp lại vĩnh cửu.

Giá trị 0 (mặc định): Video sẽ phát một lần.

Giá trị 1: Video sẽ lặp lại (vĩnh cửu).

YouTube - Lặp lại

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Thử ngay

Điều khiển YouTube

Thêm controls=0 Sẽ làm cho phát hiện video không hiển thị điều khiển.

Giá trị 0: Điều khiển của phát hiện không hiển thị.

Giá trị 1 (mặc định): Điều khiển của phát hiện hiển thị.

YouTube - Điều khiển

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Thử ngay