Computer >> Máy Tính >  >> Lập trình >> HTML

Thêm video YouTube trên trang web HTML


Video có thể dễ dàng từ YouTuvbe đến trang web của bạn. Bạn chỉ cần nhúng video.

Đầu tiên, hãy lấy id Video -

Bước 1 :Đi tới Video và nhấp chuột phải vào nó. Chọn “Số liệu thống kê dành cho mọt sách” -

Thêm video YouTube trên trang web HTML

Khi nhấp vào, bạn sẽ nhận được hộp thoại sau hiển thị số liệu thống kê -

Thêm video YouTube trên trang web HTML

Ở trên bạn có thể thấy id video là F6m0ghjadlw. Bây giờ, chúng tôi sẽ nhúng cùng một video bằng cách sử dụng id của nó -

Ví dụ

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server:</p>
   <iframe height="350" width="600"
      src="https://www.youtube.com/embed/F6m0ghjadlw">
   </iframe>
</body>
</html>

Đầu ra

Sau đây là kết quả hiển thị, chúng tôi đã nhúng thành công video YouTube trên trang web -

Thêm video YouTube trên trang web HTML

Bạn cũng có thể đạt được điều tương tự bằng cách sử dụng thẻ . Sau đây là mã HTML -

Ví dụ

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server (video uploaded using embed element):</p>
   <embed height="350" width="600" src="https://www.youtube.com/embed/F6m0ghjadlw">
</body>
</html>

Đầu ra

Đầu ra hiển thị video được nhúng thành công -

Thêm video YouTube trên trang web HTML