Tip: Hosting filmy na vašom serveri môžu byť drahé, pretože náklady na šírku pásma. Ak sa nechcete starať o hosťovanie video súborov a chcete získať pozornosť obrovské publikum, hosťovanie videa na YouTube a vloženie odkaz na vaše stránky je skvelý nápad.
Poznámka: Nie všetky nižšie uvedené návrhy budú fungovať pre všetky prehliadače. Uistite sa, že riešenie, ktoré sa rozhodnete použiť, funguje s prehliadačmi, ktoré chcete podporovať.
Nižšie uvedené príklady poskytujú rôzne metódy na zobrazenie video súboru z okna prehliadača. Odporúčame tiež vytvoriť odkaz na priamy odkaz na súbor, ktorý umožní návštevníkom stiahnuť súbor, ak sa film v prehliadači nebude prehrávať. Nižšie sú uvedené dva príklady priamych odkazov na dva videosúbory v tomto dokumente.
Robot disketovej mechaniky
HTML kód
Robot disketovej mechaniky
Obchod IBM Linux
HTML kód
Obchod IBM Linux
Vložiť video YouTube
Hosting videa na YouTube je skvelý, pretože šetrí náklady na šírku pásma, môže podporovať veľa divákov a môže tiež predstaviť vaše videá návštevníkom najobľúbenejšej stránky na internete. Nižšie je uvedený príklad videa umiestneného v službe YouTube a vloženého na tejto stránke.
HTML kód
Kód HTML pre všetky videá YouTube sa nachádza prostredníctvom odkazu zdieľania, ktorý sa nachádza na každom videu YouTube. Po kliknutí na odkaz Zdieľať kliknite na prepojenie Vložiť . Nižšie je uvedený príklad kódu použitého na zobrazenie vyššie uvedeného videa YouTube.
Značka videa
Značka je značka HTML určená na zobrazenie videí vo všetkých moderných prehliadačoch. Značka podporuje formáty videa MP4, Ogg a WebM a môže byť implementovaná pomocou jednej značky HTML.
HTML kód
Váš prehliadač nepodporuje
Základné vloženie značky
Nižšie je uvedený kód pre najzákladnejší spôsob vkladania súboru do webovej stránky.
Príklad HTML kódu
V tomto príklade používate prvok vloženia na označenie zdroja filmu, ktorý chcete prehrať. Nezabúdajte, že toto je veľmi základný príklad a nezobrazí žiadne upozornenie ani neuvedie používateľa na miesto na prevzatie doplnku, ak súbor videa nie je podporovaný.
Pridajte filmový súbor pomocou značky img
Ak značku nechcete používať, môžete do nej zahrnúť aj súbor s videom ako je uvedené v príklade nižšie.
Príklad HTML kódu
Vložiť značku na prehrávanie filmov vo formáte QuickTime (.MOV)
Filmové súbory Apple QuickTime sú ďalším populárnym typom filmu na internete. Nižšie je uvedený základný príklad, ako zahrnúť tieto súbory na webovú stránku.
Poznámka: QuickTime už nie je podporovaný v systéme Microsoft Windows a všetky nové prehliadače už túto metódu vkladania filmov QuickTime nepodporujú.
Príklad HTML kódu
Vo vyššie uvedenom príklade vloženia prvá časť kódu ukazuje na src (zdroj) filmového súboru, čo je samotný filmový súbor. Ďalej, pluginspage je umiestnenie plug-in, ak návštevník nemá nainštalovaný. Šírka a výška sú skutočné rozmery videosúboru. Hodnotu Controller možno nastaviť na true alebo false, ak chcete prepnúť zobrazenie spodných ovládacích prvkov.
Tip: Ak nevidíte radič, môžete zvýšiť výšku videosúboru.
Slučka je nastavenie, keď chcete, aby sa súbor po dokončení automaticky spustil. Nakoniec, automatické prehrávanie povie prehliadaču, aby začal alebo nezačal prehrávať video súbor po dokončení načítania stránky.
Ak chcete zadať doplnok, zadajte atribút pre značku na vloženie
Do značky pre vloženie zadajte atribút typu, aby ste určili typ MIME pre videosúbor. Umožní vám to určiť zásuvný modul potrebný na prehrávanie videa v prehliadači.
Príklad HTML kódu
Vo vyššie uvedenom príklade je typový atribút nastavený na video / x-msvideo, čo je typ MIME pre video súbory AVI.
Ak chcete určiť hodnotu, ktorá sa má priradiť atribútu typu pre iné typy videosúborov, pozrite si zoznam typov MIME pre videosúbory na stránke IANA Media Types.