Thẻ video

Thẻ video cho phép thêm video vào trang HTML. Với nó cũng có thể điều khiển video này. Đường dẫn đến file video được chỉ định thông qua thuộc tính src hoặc thẻ lồng nhau source.

Nếu bạn muốn thấy trình phát để điều khiển việc phát video - nên thêm thuộc tính controls. Không có nó bạn sẽ không thấy gì - âm thanh và hình ảnh trong trường hợp này cũng sẽ không có.

Đôi khi đặt video ngay trên chính website không thuận tiện lắm (ví dụ, hosting của bạn có giới hạn về kích thước website). Trong trường hợp này có thể tải video lên YouTube và kết nối bằng thẻ iframe.

Thuộc tính

Thuộc tính	Mô tả
src	Chỉ định đường dẫn đến file video. Nhưng tốt hơn cho việc này là sử dụng thẻ source (trong trường hợp này có thể chỉ định video ở các định dạng khác nhau).
preload	Được sử dụng để tải file video đồng thời với việc tải trang web. Các giá trị được chấp nhận: none (không tải file, mặc định), metadata (chỉ tải thông tin dịch vụ: thời lượng phát và như vậy), auto (tải toàn bộ video khi tải trang HTML).
autoplay	Âm thanh bắt đầu phát ngay sau khi trang được tải, trong trường hợp này sự có mặt của thuộc tính preload sẽ bị bỏ qua. Thuộc tính không có giá trị.
controls	Thêm bảng điều khiển vào video. Thuộc tính không có giá trị. Mặc định (nếu không có thuộc tính) bảng điều khiển không được thêm.
loop	Lặp lại bản ghi âm theo "vòng tròn": sau khi kết thúc nó sẽ bắt đầu phát lại từ đầu. Thuộc tính không có giá trị. Mặc định (nếu không có thuộc tính) bản ghi sẽ chỉ phát 1 lần.
poster	Đường dẫn đến hình ảnh sẽ được hiển thị khi video không khả dụng hoặc không được phát. Nếu thuộc tính poster không được chỉ định, trình duyệt sẽ cố gắng hiển thị khung hình đầu tiên của video.
height	Thuộc tính height thiết lập chiều cao của vùng phát video (tính bằng pixel hoặc phần trăm). Bản thân video thay đổi kích thước lớn hơn hoặc nhỏ hơn, điều chỉnh theo chiều cao được chỉ định, nhưng tỷ lệ của nó không thay đổi. Giá trị mặc định: chiều cao được lấy từ thông số video, nếu giá trị này không khả dụng, khi đó giá trị của thuộc tính height được coi là bằng chiều cao của hình ảnh từ thuộc tính poster. Nếu cả poster cũng không được chỉ định - chiều cao được đặt thành 150 pixel.
width	Thuộc tính width thiết lập chiều rộng của vùng phát video (tính bằng pixel hoặc phần trăm). Bản thân video thay đổi kích thước lớn hơn hoặc nhỏ hơn, điều chỉnh theo chiều rộng được chỉ định, nhưng tỷ lệ của nó không thay đổi. Giá trị mặc định: chiều rộng được lấy từ thông số video, nếu giá trị này không khả dụng, khi đó giá trị của thuộc tính width được coi là bằng chiều rộng của hình ảnh từ thuộc tính poster. Nếu cả poster cũng không được chỉ định - chiều rộng được đặt thành 150 pixel.

Ví dụ . Trình phát trên trang web

Hãy thêm trình phát video vào trang. Cho các trình duyệt không hỗ trợ thẻ video, một thông báo đặc biệt về điều này được để lại:

Ví dụ .

Hãy cho thẻ video thêm thẻ source:

Xem thêm