Nhập tên thẻ chỉ ra đường dẫn file video trong html5
Ví dụ trên phát một video mẫu từ website Theora, trong đó có hiển thị thêm thanh điều khiển cho phép bạn phát lại video. Show Còn đây là ví dụ nhúng audio vào trang web của bạn: Trình duyệt của bạn không hỗ trợ phần tử , trong đó, thuộc tính src có thể là một URL file audio hoặc đường dẫn tới file audio trên máy tính của bạn. Ví dụ trên thể hiện thêm các thuộc tính của phần tử · controls : Hiển thị thanh điều khiển chuẩn dành cho audio trên trang web. · autoplay : Thực hiện việc phát audio tự động. · loop : Thực hiện việc lặp lại audio một cách tự động. Thuộc tính preload dùng để cho phép đệm những file có kích thước lớn. Nó gồm 3 giá trị sau đây: · "none" : không đệm file · "auto" : đệm file media · "metadata" : chỉ đệm file metadata Trong trường hợp có nhiều file nguồn audio ta có thể sử dụng các phần tử Ví dụ trên sẽ hiển thị file Ogg trong trình duyệt hỗ trợ định dạng Ogg. Nếu trình duyệt không hỗ trợ định dạng Ogg thì trình duyệt có thể sử dụng file MPEG-4 thông qua thẻ Bạn cũng có thể chỉ định dạng mã hóa của file media được yêu cầu bằng cách sử dụng thuộc tính codecs, điều này sẽ giúp trình duyệt đưa ra được những quyết định thông minh hơn khi chọn file media. Ví dụ: Ví dụ trên đưa ra hai dạng mã hóa của video là Dirac và Speex. Nếu trình duyệt có hỗ trợ Ogg (file .ogg được chỉ định ở phần tử Trong trường hợp bạn không sử dụng thuộc tính type cho phần tử Còn trong trường hợp có sử dụng thuộc tính type thì nó sẽ được so sánh với các kiểu MIME mà trình duyệt có thể phát, và nếu nó không được nhận dạng thì server thậm chí còn không được truy vấn mà thay vào đó phần tử Điều khiển việc phát lại mediaMỗi khi bạn nhúng media vào trang web sử dụng các phần tử mới, bạn có thể lập trình để điều khiển chúng bằng code JavaScript. Ví dụ, để tiến hành phát lại media bạn có thể lập trình như sau: var v = document.getElementsByTagName("video")[0]; v.play(); Dòng đầu tiên sẽ có nhiệm vụ lấy video đầu tiên trong trang web, dòng thứ 2 sẽ gọi phương thức play() của phần tử. Việc điều khiển một thiết bị nghe nhạc có thể phát, tạm ngưng, tăng/giảm âm lượng sử dụng JavaScript giờ đây đã trở nên đơn giản hơn nhiều. Bạn có thể xem ví dụ dưới đây: Dừng download mediaBạn có thể tiến hành lập trình tạm dừng việc phát lại media đơn giản chỉ bằng phương thức pause(), tuy nhiên trình duyệt vẫn download media cho tới khi phần tử media được huỷ bởi bộ dọn rác (garbage collection). Dưới đây là đoạn code cho phép bạn tiến hành dừng việc download đồng thời với việc thực hiện hàm pause(): var mediaElement = document.getElementById("myMediaElementID"); Bằng cách huỷ thuộc tính src hoặc thiết lập về trạng thái rỗng (chuỗi rỗng) bạn có thể huỷ bộ giải mã bên trong phần tử dẫn đến việc dừng download. Tìm kiếm qua mediaCác phần tử media cung cấp việc hỗ trợ di chuyển vị trí phát lại hiện tại tới các điểm xác định trong nội dung của media. Điều này được thực hiện bằng cách thiết lập giá trị cho thuộc tính currentTime (đơn vị là giây-second) của phần tử media. Bạn có thể sử dụng thuộc tính seekable của phần tử để xác định dải tìm kiếm, khi đó chương trình sẽ trả về một đối tượng TimeRanges trong đó liệt kê các dải thời gian mà bạn có thể tìm kiếm. Ví dụ: var mediaElement = document.getElementById('mediaElementID'); Quy định phạm vi phát lạiKhi xác định URI của media cho một phần tử #t=[starttime][,endtime] , trong đó, thời gian có thể là một số thực hoặc tuân theo định dạng hh:mm:ss. Ví dụ: http://v1study.com/video.ogg#t=10,20 : Có nghĩa rằng video sẽ được phát ở giây thứ 10 và kết thúc ở giây thứ 20. #t=,10.5 : Có nghĩa rằng video sẽ được phát trong khoảng từ 0 đến 10.5 giây. #t=,02:00:00 : Có nghĩa rằng video sẽ được phát trong khoảng từ 0 đến 2 giờ. #t=60 : Có nghĩa rằng video sẽ được phát ở giây thứ 60 cho đến khi kết thúc. Các tùy chọn dự phòngBạn có thể đặt vào giữa thẻ mở và thẻ đóng của các phần tử media những tuỳ chọn dự phòng nhằm mục đích thay thế cho chính các phần tử media trong trường hợp trình duyệt không hỗ trợ các phần tử media đó. Phần này sẽ cung cấp một số tuỳ chọn dự phòng cho phần tử Sử dụng FlashBạn có thể sử dụng Flash để phát những đoạn video có định dạng flash (.swf, .flv, ...) bằng cách như thể hiện ở ví dụ dưới đây: Lưu ý rằng bạn không nên tích hợp classid trong thẻ Phát các video Ogg sử dụng Java AppletBạn có thể sử dụng Java Applet Cortado làm dự phòng để phát các video OGG trong các trình duyệt có hỗ trợ Java nhưng không hỗ trợ phần tử Nếu video không được phát thì phần thông báo trong thẻ (nằm trong phần tử Xử lý lỗiBắt đầu từ bản Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1), việc xử lý lỗi đã được sửa lại để phù hợp với phiên bản HTML5 mới nhất. Theo đó, thay vì phần tử media gửi sự kiện error tới chính nó thì giờ đây sự kiện error được gửi tới phần tử Vì Firefox không hỗ trợ MP4 và 3GP (do liên quan đến bản quyền), nên các phần tử Phát hiện khi không có nguồn nào được nạpĐể phát hiện điều này thì cần phải kiểm tra giá trị của thuộc tính networkState của phần tử media, nếu giá trị là NETWORK_NO_SOURCE thì chắc chắn rằng không có nguồn nào được nạp cả. Nếu lúc đó ta thêm một nguồn media khác bằng cách thêm một phần tử Hiển thị nội dung dự phòng khi không có nguồn nào được giải mãCó một cách khác để hiển thị nội dung dự phòng của video khi không nguồn nào được giải mã trong trình duyệt hiện thời, đó là thêm bộ xử lý lỗi vào phần tử |