41. Nhúng Video Trong HTML

Nhúng Video trong HTML: Để nhúng video vào trang web HTML, bạn có thể sử dụng thẻ <video>. Thẻ này cho phép bạn chèn và điều khiển video trực tiếp trên trang web của bạn. Dưới đây là một ví dụ về cách sử dụng thẻ <video> để nhúng một video vào trang web:

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Example</title>
</head>
<body>
    <h1>Video Example</h1>
    
    <video controls width="600">
        <source src="video.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</body>
</html>

Trong ví dụ trên:

Chúng ta sử dụng thẻ <video> để tạo một khung chứa video trên trang web.
Thuộc tính controls cho phép hiển thị các nút điều khiển như nút play, pause và thanh tua video.
Thuộc tính width xác định chiều rộng của video.
Sử dụng thẻ <source> bên trong thẻ <video> để chỉ định nguồn video và loại tệp. Ở đây, chúng tôi đang sử dụng một tệp video MP4 (video.mp4).
Nếu trình duyệt không hỗ trợ thẻ <video> hoặc định dạng video, văn bản “Your browser does not support the video tag.” sẽ hiển thị thay thế.

Bạn cần cung cấp đường dẫn đúng đến tệp video của bạn để video được hiển thị đúng cách.

Leave a Comment Cancel Reply