Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách nhúng video bằng mã HTML (iframe)

Để nhúng video từ YouTube, Vimeo... dùng thẻ <iframe>. Thuộc tính src là link embed (không phải link xem video thường). Thiết lập width, height phù hợp.

Lấy link embed YouTube

  1. Mở video YouTube → Chia sẻ → Nhúng (Embed)
  2. Copy URL trong src của iframe (dạng https://www.youtube.com/embed/VIDEO_ID)

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Video embed</title>
  </head>
  <body>
    <p>Học Eclipse</p>
    <br />
    <iframe width="560" height="315" src="https://www.youtube.com/embed/y881t8ilMyc" frameborder="0" allowfullscreen></iframe>
  </body>
</html>

Lưu ý: Thuộc tính allowfullscreen cho phép toàn màn hình. Nên thêm loading="lazy" để trì hoãn tải iframe ngoài màn hình.