Chủ HTML5 Video Markup - núm vú

Nói đơn giản, có hai yếu tố truyền thông chính cho HTML5, cả hai đều vô cùng dễ sử dụng. Phần tử video được đặt tên, và phần tử âm thanh được đặt tên.

Không giống như âm thanh, không đòi hỏi nhiều không gian (hoặc bất kỳ) trên màn hình, video đòi hỏi một khung hình trên màn hình, cũng như các điều khiển phức tạp hơn và nhiều hơn nữa. Đó là lý do tại sao mặc dù hai yếu tố đánh dấu là tương tự, video đi kèm với hành lý hơn đáng kể, mặc dù cấu trúc cơ bản của phần tử vẫn giữ nguyên:

 control >> Alternatives Đây là thuộc tính src chỉ ra tệp video mà bạn muốn phát lại. Nó chỉ định tên của tệp đối tượng video để phát lại và phải là một URI hợp lệ. Ví dụ: src = "video. ogg ".

Danh sách các thuộc tính điều khiển cho video là dài hơn và phức tạp hơn một chút:

autoplay: Nói cho trình duyệt bắt đầu phát video ngay khi tệp đối tượng được tải. Ví dụ: autoplay hoặc autoplay = "autoplay".

• điều khiển: Cho phép trình duyệt hiển thị widget trên màn hình để điều khiển phát lại video (thường là nút Pause / Play, thanh tiến trình và điều khiển âm lượng). Ví dụ: điều khiển hoặc điều khiển = "điều khiển".

• height: Đặt độ cao, tính bằng pixel, của hộp bên trong mà video sẽ hiển thị. Ví dụ: height = "480".

• loop: Cho trình duyệt quay trở lại phần đầu và tiếp tục chơi khi kết thúc tập tin đối tượng Ví dụ: loop or loop = "loop".

• << ! - 3 ->

  mediagroup: Được sử dụng để đồng bộ hóa việc phát lại nhiều video hoặc các yếu tố đa phương tiện (như là một đường dẫn ngôn ngữ ký hiệu hoặc một bài hát của SAP) Lấy một giá trị chuỗi, trong đó tất cả các mục có cùng giá trị mediagroup được xử lý với các thành viên của nhóm đó Ví dụ: mediagroup = "movie".

• muted: Thiết lập trạng thái đầu ra âm thanh để phát lại, nếu âm thanh bị tắt tiếng khi phát lại. chúng ta có thể chọn để bật âm thanh nếu thích Các ví dụ: Mute or Muted = "Muted".

• poster: Chỉ định một hình ảnh để hiển thị trong khi tệp video không có sẵn (chưa tải) Ví dụ: poster = "Poster. Jpg".

• preload: Nói cho trình duyệt xem nó có nên tải trước tệp tin đối tượng hay không, và nếu như vậy nó nên được tải trước như thế nào. các giá trị bao gồm:

• none: Không tải bất kỳ phần nào của tệp video khi trang tải. Siêu dữ liệu

  • : Chỉ tải các siêu dữ liệu video khi trang tải. Nó cũng thiết lập phát lại nhưng không có dữ liệu được tải.

  • tự động: tải toàn bộ tệp video khi trang tải.

  • thuộc tính preload sẽ bị bỏ qua nếu autoplay có mặt.

  chiều rộng: Đặt chiều rộng, tính bằng pixel, của hộp bên trong hiển thị video. Ví dụ: width = "640".

• Các đánh dấu sau đây sẽ hiển thị một đoạn video từ Wikipedia:

Trình duyệt không hỗ trợ video HTML5, cung cấp phát lại thay thế

Hình này cho thấy trang này bên trong một tệp HTML được xây dựng đúng cách với một số văn bản bổ sung và thông tin giống như trên màn hình trong Chrome, ngay sau khi đoạn video kết thúc phát lại ". ​​Thanh điều khiển cho video gần giống với thanh điều khiển cho âm thanh

Sự khác biệt là thanh điều khiển video có một khung kiểm soát ở góc xa bên phải.Vui lòng lưu ý rằng các lựa chọn thay thế cho phát lại video hoạt động tương tự như các phản hồi âm thanh, vì vậy bạn có thể xếp các trình duyệt ưa thích của mình trước tiên cho các trình duyệt HTML5 để sử dụng nếu có thể, tiếp theo là những người chơi khác theo thứ tự bạn thích.