Tekst źródłowy strony Audio i Video API

'''HTML5 video''' – element języka [[HTML]] wprowadzony w [[HTML5|HTML 5]], służący do odtwarzania plików wideo<ref>{{cytuj stronę| url =https://html.spec.whatwg.org/multipage/media.html#video | tytuł =The video element | data dostępu = 2010-06-24| autor = | opublikowany = | praca = | data =}}</ref> bez konieczności instalowania dodatkowych [[Wtyczka|wtyczek]] do [[Przeglądarka internetowa|przeglądarki]]. Wprowadzenie tagu <code><video></code> jest utrudnione przez brak porozumienia producentów przeglądarek w sprawie kodeka wideo<ref>{{cytuj stronę| url =http://www.dobreprogramy.pl/Brak-porozumienia-w-sprawie-tagow-video-i-audio,Aktualnosc,10941.html | tytuł =Brak porozumienia w sprawie tagów video i audio | data dostępu = 2010-06-24| autor = | opublikowany = | praca = | data =}}</ref>.

== Przykład ==
Przykładowy fragment kodu HTML5 wykorzystujący tag <code><video></code>. Jeżeli tag ten nie jest obsługiwany, wyświetli się wpisany tekst.
<syntaxhighlight lang="html">
<video src="movie.mp4" controls>
Twoja przeglądarka nie obsługuje tagu wideo.
</video>
</syntaxhighlight>

Element <code><nowiki><source></nowiki></code> służy do wskazania alternatywnych formatów wideo. Jeżeli przeglądarka nie może odtworzyć pierwszego pliku, spróbuje odtworzyć następny:
<syntaxhighlight lang="html">
<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>
</syntaxhighlight>

== Przeglądarki obsługujące tag <nowiki><video></nowiki> ==
Tabela przedstawia przeglądarki obsługujące element <code><video></code> w HTML5. Wartości w tabeli oznaczają od której wersji dany format jest obsługiwany.
{| class="wikitable" style="width: 100%; text-align: center;"
! rowspan="2" | Przeglądarka
! rowspan="2" | Ostatnia stabilna wersja
! colspan="4" | Obsługiwane formaty
|-
! style="width: 20%;" | [[Ogg]] [[Theora (kodek)|Theora]]
! style="width: 20%;" | [[H.264/MPEG-4 AVC|H.264]]
! style="width: 20%;" | [[VP8]] ([[WebM]])
! style="width: 20%;" | [[VP9]] ([[WebM]])
|-
! [[Internet Explorer]]
| {{Wersja oprogramowania|id=Q1575}}
| {{Tabela-tak}}<ref>Wymaga zainstalowania [https://xiph.org/dshow/ OpenCodecs]</ref>
| {{Tabela-tak|9.0<ref>{{cytuj stronę| url =http://technologizer.com/2010/03/16/ie9-platform-preview/ | tytuł =Microsoft Previews the Revamped Internet Explorer 9 Platform | data dostępu = 2010-06-24| autor = | opublikowany = | praca = | data = | język =en}}</ref>}}
| {{Tabela-nie}}
| {{Tabela-nie}}
|-
! [[Firefox|Mozilla Firefox]]
| {{Wersja oprogramowania|id=Q698}}
| {{Tabela-tak|3.5}}
| {{Tabela-częściowo|21.0<ref>Nie na wszystkich platformach według http://caniuse.com/#feat=mpeg4</ref>}}
| {{Tabela-tak|4.0<ref>{{cytuj stronę| url =http://blog.mozilla.com/blog/2010/05/19/open-web-open-video-and-webm/ | tytuł =Open Web, Open Video and WebM | data dostępu = 2010-08-08| autor = | opublikowany =The Mozilla Blog | praca = | data = | język =en}}</ref>}}
| {{Tabela-tak|28.0}}
|-
! [[Google Chrome]]
| {{Wersja oprogramowania|id=Q777}}
| {{Tabela-tak|3.0}}
| {{Tabela-tak|3.0}}
| {{Tabela-tak|6.0<ref>{{cytuj stronę| url =http://blog.chromium.org/2010/05/webm-and-vp8-land-in-chromium.html | tytuł =WebM and VP8 land in Chromium | data dostępu = 2010-08-04| autor =Jim Bankoski | opublikowany =The Chromium Blog | praca = | data = | język =en}}</ref>}}
| {{Tabela-tak|16.0}}
|-
! [[Safari (przeglądarka)|Safari]]
| 
| {{Tabela-nie}}
| {{Tabela-tak|3.1}}
| {{Tabela-nie}}
| {{Tabela-nie}}
|-
! [[Opera (przeglądarka)|Opera]]
| {{Wersja oprogramowania|id=Q41242}}
| {{Tabela-tak|10.50}}
| {{Tabela-tak|24.0.1558.21}}
| {{Tabela-tak|10.60<ref>{{cytuj stronę | url =http://labs.opera.com/news/2010/05/19/ | tytuł =Welcome, WebM <video>! | data dostępu =2010-08-08 | autor =Håkon Wium Lie | opublikowany =Opera Labs | praca = | data = | język =en | archiwum =https://web.archive.org/web/20110321150357/http://labs.opera.com/news/2010/05/19/ | zarchiwizowano =2011-03-21 }}</ref><ref>{{cytuj stronę| url =http://dev.opera.com/articles/view/opera-supports-webm-video/ | tytuł =Opera supports the WebM video format | data dostępu = 2010-08-08| autor =Chris Mills | opublikowany =Dev.Opera | praca = | data = | język =en}}</ref>}}
| {{Tabela-tak|16.0}}
|-
! [[Konqueror]]
| 
| {{Tabela-tak|4.4}}
| {{Tabela-tak}}
| {{Tabela-tak}}
| {{Tabela-nie}}
|-
! [[Epiphany (przeglądarka)|Epiphany]]
| {{Wersja oprogramowania|id=Q167784}}
| {{Tabela-tak|2.28}}
| {{Tabela-tak}}
| {{Tabela-tak}}
| {{Tabela-nie}}
|}

== Zastosowanie ==
Od wprowadzenia przez [[Apple Inc.|Apple]] urządzenia [[iPad]] wiele witryn zaczęło stosować HTML5 video w formacie [[H.264/MPEG-4 AVC|H.264]] dla urządzeń identyfikujących się jako iPad<ref>{{cytuj stronę| url =https://archive.ph/20110301150334/http://www.apple.com/ipad/ready-for-ipad/ | tytuł =iPad-ready websites | data dostępu = 2010-08-18| autor = | opublikowany =Apple | praca = | data = | język =en}}</ref>.

Pomimo większej popularności [[Adobe Flash]] nad wideo w HTML5, to wprowadzone eksperymentalne odtwarzanie wideo w HTML5 w serwisach [[Dailymotion]]<ref>{{cytuj stronę | url =http://blog.dailymotion.com/index.php/2009/05/27/watch-videowithout-flash/ | tytuł =Watch Video…without Flash | data dostępu =2010-08-18 | autor = | opublikowany =DailyMotion Blog | praca = | data = | język =en | archiwum =https://web.archive.org/web/20100822205946/http://blog.dailymotion.com/index.php/2009/05/27/watch-videowithout-flash/ | zarchiwizowano =2010-08-22 }}</ref> (przy użyciu [[Theora (kodek)|Ogg Theora]] i [[Vorbis]]), [[YouTube]]<ref>{{cytuj stronę| url =http://youtube-global.blogspot.com/2010/01/introducing-youtube-html5-supported.html | tytuł =Introducing YouTube HTML5 Supported Videos | data dostępu = 2010-08-18| autor = | opublikowany =YouTube Blog | praca = | data = | język =en}}</ref> (przy użyciu H.264 i WebM) i [[Vimeo]]<ref>{{cytuj stronę| url =https://web.archive.org/web/20120129062609/http://vimeo.com:80/blog:268 | tytuł =Try our new HTML5 player! | data dostępu = 2010-08-18| autor = | opublikowany =Vimeo Staff Blog | praca = | data = | język =en}}</ref> (przy użyciu H.264) wskazują, że zainteresowanie wideo w HTML5 wzrasta.

== Problem patentu H.264 ==
Ostatni patent H.264 wygasa 29 listopada [[2027]]<ref>{{Cytuj | url=http://www.osnews.com/story/24954/US_Patent_Expiration_for_MP3_MPEG-2_H_264/ | tytuł=OSNews.com<!-- Tytuł wygenerowany przez bota --> | opublikowany=osnews.com | data dostępu=2017-11-22}}</ref>. Dlatego też istnieją kampanie promujące porzucenie tego formatu na rzecz Ogg Theora i WebM. Powodem jest także fakt, że o ile użycie do transmisji niekomercyjnej filmu zapisanego tym w formacie w [[Internet|Internecie]] jest bezpłatne, to samo [[oprogramowanie]] do odtworzenia musi pokryć opłatę licencyjną. Inną propozycją (np. [[Nokia|Nokii]])<ref>{{Cytuj | url=http://en.swpat.org/wiki/Use_software_from_20_years_ago | tytuł=Use software and functionality from 20 years ago - software patents wiki (en.swpat.org)<!-- Tytuł wygenerowany przez bota --> | opublikowany=en.swpat.org | język=en | data dostępu=2017-11-22}}</ref> jest wykorzystanie formatu [[H.261|ITU H.261]] którego część została zdefiniowana w lub przed listopadem [[1988]]. Definicja z 1990 H.261 miała pozostałe fragmenty nie zawarte w definicji z [[1988]]<ref>{{Cytuj | url=http://en.swpat.org/wiki/MPEG_LA | tytuł=MPEG LA - software patents wiki (en.swpat.org)<!-- Tytuł wygenerowany przez bota --> | opublikowany=en.swpat.org | język=en | data dostępu=2017-11-22}}</ref>.

== Zobacz też ==
* [[WebRTC]]

== Przypisy ==
{{Przypisy}}

== Linki zewnętrzne ==
* [http://www.w3schools.com/tags/tag_video.asp Wideo w HTML5 na w3schools]
* [http://channel9.msdn.com/posts/Wideo-w-HTML5 Webcast o możliwościach tagu video]
* [https://www.kurshtml.edu.pl/html/video_audio_source,html5.html Audio i Video w HTML5] (artykuł w języku polskim)

[[Kategoria:Znaczniki HTML]]