IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

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šetky články v sekcii
Multimédia - Český HTML 5 manuál
Článok pre vás napísal 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 sa informačné technológie naučil na Unicorn University - prestížnej súkromnej vysokej škole IT a ekonómie.
Aktivity