43. Nhúng YouTube trong HTML

Nhúng YouTube trong HTML: Để nhúng video từ YouTube vào trang web của bạn, bạn có thể sử dụng mã nhúng được cung cấp bởi YouTube. Mã này sử dụng thẻ <iframe> để nhúng video từ YouTube vào trang web của bạn.

Dưới đây là một ví dụ về cách nhúng một video từ YouTube vào trang web của bạn:

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YouTube Video Example</title>
</head>
<body>
    <h1>YouTube Video Example</h1>
    
    <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</body>
</html>

Trong ví dụ trên:

  • Chúng ta sử dụng thẻ <iframe> để nhúng video từ YouTube vào trang web.
  • Thuộc tính widthheight xác định kích thước của video nhúng.
  • Trong thuộc tính src, bạn cần thay thế VIDEO_ID bằng mã nhận dạng duy nhất của video trên YouTube.
  • Thuộc tính frameborder được đặt thành 0 để loại bỏ khung viền xung quanh video.
  • Thuộc tính allowfullscreen cho phép video được xem ở chế độ toàn màn hình.

Bạn có thể lấy mã nhúng chính xác cho video từ YouTube bằng cách mở video trên YouTube, nhấp vào nút “Share” và sau đó chọn “Embed”. Mã nhúng sẽ hiển thị và bạn có thể sao chép nó để nhúng vào trang web của bạn.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top