Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

source - Český HTML 5 manuál

<source> představuje zdroj média pro tagy <audio> a <video>. Do těchto tagů se tedy vkládá a umožňuje specifikovat několik zdrojových souborů, přičemž si prohlížeč vybere ten, který dokáže přehrát.

Pro audio se obvykle používají formáty ogg a mp3, pro video mp4 a ogg. Pro video se využívá kodeků Ogg Theora, H.264 a VP8. Právě u videa nejčastěji použijeme tag <source>, protože každý prohlížeč podporuje jiné kodeky.

Atributy

Element má následující atributy:

  • media - Specifikuje typ zařízení, pro které je médium určeno.
  • src - Udává zdrojový soubor média.
  • type - MIME typ média. Nejčastěji audio/ogg a audio/mpeg.

Ukázka použití

Vložení zvukového souboru do HTML stránky pomocí tagu source by mohlo vypadat např. takto:

<audio controls="controls">
  <source src="audio/zvuk.ogg" type="audio/ogg" />
  <source src="audio/zvuk.mp3" type="audio/mp3" />
  Váš prohlížeč nepodporuje vkládání zvukových souborů, soubor si
  <a href="audio/zvuk.mp3">stáhněte</a>.
</audio>

A výsledek:

Ukázka HTML 5 tagu source - Multimédia - Český HTML 5 manuál

 

Všechny články v sekci
Multimédia - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity