HTML Video Youtube

Cách thêm và hiển thị Video Youtube vào trang website.

Như các bạn biết YouTube là một nền tảng chia sẻ video rất lớn trên toàn cầu, nơi người dùng có thể tải lên, xem, chia sẻ và bình luận về video. Do đó nội dung video là rất lớn và rất phong phú.

Vậy làm thế nào để lấy video từ trang youtube và nhúng vào trang website của bạn? 

 

Sau đây là các bước để thêm video youtube vào trang website:

Bước 1: Tải video lên Youtube hoặc lấy video của bạn đã có sẵn trên youtube.

Bước 2: Lấy Id link video của bạn trên Youtube.

Bạn lấy Id link video của bạn trên youtube bằng cách nhấn vào nút Share phia dưới video trên trang youtube của bạn, sau đó bạn copy link đường dẫn của video hoặc nhấn vào nút Embed để copy toàn bộ iframe chứa video.

Bước 3: Tạo một iframe trong trang website.

Bước 4: Sử dụng các thuộc tính Width, Height và các thuộc tính khác để hiển thị Video.

Bước 5: Thêm đường dẫn link của video youtube vào url.

 

Ví dụ Code chèn Video Youtube vào trang web như sau:

Ví dụ

<!DOCTYPE html>
<html>
    <head>
        <title> Youtube HTML Video </title>
        <link rel="stylesheet" href="style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <h2>Youtube HTML Video</h2>
        <iframe width="560" height="315"
            src="https://www.youtube.com/embed/0K464FzhKh4?si=WjX4FXGXomJQ5CWb"
            title="YouTube video player" frameborder="0" autoplay;  picture-in-picture;>
        </iframe>
    </body>
</html>
Kết quả: