HTML5 video
HTML5 video - element języka HTML wprowadzony w HTML 5, służący do odtwarzania plików wideo[1] bez konieczności instalowania dodatkowych wtyczek do przeglądarki. Wprowadzenie tagu <video> jest utrudnione przez brak porozumienia producentów przeglądarek w sprawie kodeka wideo[2].
Spis treści |
Przykład [edytuj]
Przykładowy fragment kodu HTML5 wykorzystujący tag <video>. Jeżeli tag ten nie jest obsługiwany wyświetli się wpisany tekst.
<video src="movie.mp4" controls> Twoja przeglądarka nie obsługuje tagu wideo. </video>
Element <source> służy do wskazania alternatywnych formatów wideo. Jeżeli przeglądarka nie może odtworzyć pierwszego pliku, spróbuje odtworzyć następny:
<video controls> <source src="video.webm" type="video/webm"> <source src="video.ogv" type="video/ogg"> <source src="video.mp4" type="video/mp4"> Twoja przeglądarka nie obsługuje tagu wideo. </video>
Przeglądarki obsługujące tag <video> [edytuj]
Tabela przedstawia przeglądarki obsługujące element <video> w HTML5. Wartości w tabeli oznaczają od której wersji dany format jest obsługiwany.
| Przeglądarka | Ostatnia stabilna wersja | Obsługiwane formaty | |||
|---|---|---|---|---|---|
| Ogg Theora | H.264 | VP8 (WebM) | inne | ||
| Internet Explorer | 10.0.9200.16438 (13 listopada 2012) |
Nie | 9.0[3] | 9.0 (po samodzielnym doinstalowaniu wtyczki[4]) |
9.0 (każdy format, do którego obsługi kodek stworzony w technologii Media Foundation znajduje się w systemie) |
| Mozilla Firefox | 21.0 (14 maja 2013; 6 dni temu) |
3.5 | Nie | 4.0[5] | Nie |
| Google Chrome | 26.0.1410.64 (9 kwietnia 2013) |
3.0 | od 3.0 w przyszłości będzie usunięty[6] |
6.0[7] | Nie |
| Safari | 6.0 (25 lipca 2012) |
po samodzielnym doinstalowaniu wtyczki | 3.1 | po samodzielnym doinstalowaniu wtyczki | każdy format obsługiwany przez QuickTime w Mac OS X |
| Opera | 12.15 (4 kwietnia 2013) |
10.50 | Nie | 10.60[8][9] | Nie |
| Konqueror | 4.10.2 (2 kwietnia 2013) |
4.4 | po samodzielnym doinstalowaniu wtyczki | Tak | każdy format obsługiwany przez Phonon w KDE |
| Epiphany | 3.4.1 (18 kwietnia 2012) |
2.28 | po samodzielnym doinstalowaniu wtyczki | Tak | każdy format obsługiwany przez GStreamer |
Zastosowanie [edytuj]
Od wprowadzenia przez Apple urządzenia iPad wiele witryn zaczęło stosować HTML5 video w formacie H.264 dla urządzeń identyfikujących się jako iPad[10].
Pomimo większej popularności Adobe Flash nad wideo w HTML5, to wprowadzone eksperymentalne odtwarzanie wideo w HTML5 w serwisach Dailymotion[11] (przy użyciu Ogg Theora i Vorbis), YouTube[12] (przy użyciu H.264 i WebM) i Vimeo[13] (przy użyciu H.264) wskazują, że zainteresowanie wideo w HTML5 wzrasta.
Przypisy
- ↑ The video element. [dostęp 2010-06-24].
- ↑ Brak porozumienia w sprawie tagów video i audio. [dostęp 2010-06-24].
- ↑ Microsoft Previews the Revamped Internet Explorer 9 Platform (ang.). [dostęp 2010-06-24].
- ↑ WebM Video for Microsoft Internet Explorer 9 (ang.). [dostęp 2011-03-16].
- ↑ Open Web, Open Video and WebM (ang.). The Mozilla Blog. [dostęp 2010-08-08].
- ↑ HTML Video Codec Support in Chrome (ang.). chromium.org. [dostęp 2011-01-14].
- ↑ Jim Bankoski: WebM and VP8 land in Chromium (ang.). The Chromium Blog. [dostęp 2010-08-04].
- ↑ Håkon Wium Lie: Welcome, WebM <video>! (ang.). Opera Labs. [dostęp 2010-08-08].
- ↑ Chris Mills: Opera supports the WebM video format (ang.). Dev.Opera. [dostęp 2010-08-08].
- ↑ iPad-ready websites (ang.). Apple. [dostęp 2010-08-18].
- ↑ Watch Video…without Flash (ang.). DailyMotion Blog. [dostęp 2010-08-18].
- ↑ Introducing YouTube HTML5 Supported Videos (ang.). YouTube Blog. [dostęp 2010-08-18].
- ↑ Try our new HTML5 player! (ang.). Vimeo Staff Blog. [dostęp 2010-08-18].
