ITnetwork summer 2020 C# týden
30 % bodů zdarma na online výuku díky naší Slevové akci!
Pouze tento týden sleva až 80 % na e-learning týkající se C#

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.

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

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

 

Všechny články v sekci
Multimédia - Český HTML 5 manuál
Článek pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor sítě se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity (1)

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!