Jak vložit film nebo video do dokumentu HTML

Film můžete vložit do dokumentu HTML pomocí níže uvedených příkladů. Pro kompatibilitu doporučujeme použít video formát MP4, který je podporován všemi hlavními prohlížeči a operačními systémy.

Tip: Hosting filmů na vašem serveru může být drahý kvůli nákladům na šířku pásma. Pokud se nechcete starat o hostování video souborů a chcete získat pozornost obrovského publika, hostování videa na YouTube a vložení odkazu na vaše stránky je skvělý nápad.

Poznámka: Ne všechny níže uvedené návrhy budou fungovat pro všechny prohlížeče. Ujistěte se, že řešení, které se rozhodnete použít, funguje s prohlížeči, které chcete podporovat.

Níže uvedené příklady poskytují různé metody, které umožňují zobrazit video soubor z okna prohlížeče. Doporučujeme také vytvořit přímý odkaz ke stažení do souboru, který umožní návštěvníkům stáhnout soubor, pokud se v prohlížeči nepřehraje. Níže jsou uvedeny dva příklady přímých odkazů pro dva videosoubory v tomto dokumentu.

Robot disketové mechaniky

HTML kód

 Robot disketové mechaniky 

IBM Linux komerční

HTML kód

 IBM Linux komerční 

Vložte video YouTube

Hosting videa na YouTube je skvělý, protože šetří náklady na šířku pásma, může podporovat mnoho diváků a může také představit svá videa návštěvníkům nejoblíbenější stránky na internetu. Níže je uveden příklad videa hostovaného na YouTube a vloženého na tomto webu.

HTML kód

Kód HTML pro všechna videa YouTube se nachází prostřednictvím odkazu sdílené položky, který se nachází na každém videu YouTube. Po kliknutí na odkaz Sdílet klikněte na odkaz Vložit . Níže je uveden příklad kódu použitého k zobrazení výše uvedeného videa YouTube.

Značka videa

Značka je značka HTML určená k zobrazování videí ve všech moderních prohlížečích. Značka podporuje formáty videa MP4, Ogg a WebM a lze je implementovat pomocí jediné značky HTML.

HTML kód

 Váš prohlížeč nepodporuje 

Základní vložená značka

Níže je uveden kód nejzákladnější metody vkládání souboru do webové stránky.

Příklad HTML kódu

V tomto příkladu používáte prvek vložení k označení zdroje filmového souboru, který chcete přehrát. Mějte na paměti, že se jedná o velmi základní příklad a nezobrazí žádné varování ani neupozorní uživatele na místo, kde je možné stáhnout zásuvný modul, pokud není video soubor podporován.

Přidat filmový soubor pomocí značky img

Pokud značku nechcete používat, můžete také použít soubor s videem viz níže uvedený příklad.

Příklad HTML kódu

Vložit značku pro přehrávání filmů QuickTime (.MOV)

Filmové soubory Apple QuickTime jsou dalším populárním typem filmu na internetu. Níže je uveden základní příklad, jak tyto soubory zahrnout do webové stránky.

Poznámka: QuickTime již není podporován v systému Microsoft Windows a všechny nové prohlížeče již tuto metodu vkládání filmů QuickTime nepodporují.

Příklad HTML kódu

Ve výše uvedeném příkladu vložení první část kódu odkazuje na src (zdroj) filmového souboru, což je samotný filmový soubor. Dále, pluginspage je umístění plug-in, pokud návštěvník nemá nainstalován. Šířka a výška jsou skutečné rozměry videosouboru. Hodnota Controller může být nastavena na true nebo false pro přepnutí zobrazení spodních ovládacích prvků.

Tip: Pokud nevidíte řadič, můžete zvýšit výšku videosouboru.

Smyčka je nastavení, kdy chcete, aby se soubor po dokončení automaticky spustil. Autoplay nakonec řekne prohlížeči, aby začal nebo ne začal přehrávat video soubor po dokončení načítání stránky.

Chcete-li určit zásuvný modul, zadejte atribut pro značku pro vložení

Do tagu pro vložení zadejte atribut type, abyste určili typ MIME pro soubor videa. To vám umožní určit zásuvný modul potřebný pro přehrání videa v prohlížeči.

Příklad HTML kódu

Ve výše uvedeném příkladu je atribut type nastaven na video / x-msvideo, což je typ MIME pro video soubory AVI.

Chcete-li určit hodnotu, která má být přiřazena atributu typu pro jiné typy videosouborů, zkontrolujte seznam typů MIME pro videosoubory na stránce Typy médií IANA.