Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

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
  • Để srcthuộc tính trỏ đến URL video
  • Sử dụng các thuộc tính width 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=1và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=1sau 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>