Menu
CoddyTech

Iframe

Bài học 2 trên 7 trong khóa học Trình phát video YouTube, dự án HTML của Coddy.

Cách dễ nhất để thêm trình phát YouTube vào trang web của bạn là dùng thẻ iframe:

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

Lưu ý một vài điều:

  • Khai báo các thuộc tính width và height để điều chỉnh kích thước trình phát video,
  • Thuộc tính src là đường dẫn đến video YouTube.
  • Đường dẫn cần có định dạng sau:
    • https://www.youtube.com/embed/id trong đó id là mã định danh của video. Đây không phải đường dẫn YouTube thông thường, bạn cần sửa lại đường dẫn đó!
challenge icon

Thử thách

Dễ

Tạo trình phát YouTube bằng thẻ iframe với video bất kỳ bạn chọn, rồi thêm các thuộc tính width và height theo lựa chọn của bạn.

Tự làm thử

<!DOCTYPE html>
<html>
    <body>
        <!-- Viết code ở đây -->
    </body>
</html>

Tất cả bài học trong Trình phát video YouTube, dự án HTML

Tự luyện tập: Playground Web