V článku, jak je z názvu zřejmé, budeme hovořit o instalaci a konfiguraci JW Player na webu. Tento přehrávač podporuje flv, MPEG-4(mp4) video s kodekem AVC(H264), MP3 a videa z YouTube.

JW Player má velmi flexibilní nastavení, zejména vzhled (skin) a zbarvení samotného vzhledu umožňuje zmizet ovládací panel videa a také změnit jeho umístění, nastavit úvodní obrazovku, ikonu, název klipu atd.e. Video soubor přehrávaný JW Player může být umístěn jak na vašem webu, tak na jakémkoli jiném. Je možné přehrávat videa z YouTube bez milníků „proprietárních“ atributů YouTube, které by zaplňovaly okno videa.

Zde je, jaký obal videa můžete získat pomocí nejjednoduššího kódu:

Nejjednodušší způsob, jak přehrát video na webu, je nahrát video na nějaký hosting videa, jako je YouTube, a vložit kód na stránku. Má to ale jednu obrovskou nevýhodu. V tomto případě bude video zhlédnuto s odkazem na YouTube, s logem YouTube, s reklamou, která se zobrazí nad lištou přehrávání, a na konci přehrávání videa obdržíte odkazy na videa třetích stran, která povedou daleko od tématu publikace.
Výše uvedeným nevýhodám se vyhnete instalací vlastního videopřehrávače. Nejprve si musíte stáhnout zdrojový kód přehrávače z oficiální stránky, nebo pokud jste příliš líný se tam zaregistrovat, můžete si stáhnout archiv se dvěma verzemi přehrávačů přímo ze služby hostování souborů Depositfiles.com. V době psaní tohoto článku jsou nabízeny dvě možnosti přehrávače, mediaplayer-5.7 a mediaplayer-5.7-viral, přičemž druhý se od prvního liší tím, že obsahuje plugin pro sdílení videa. Toto není vyžadováno pro přehrávání jednoho videa, takže používám mediaplayer-5.7 bez pluginu pro sdílení.

Nyní o instalaci.

Rozb alte stažený soubor. V kořenovém adresáři našeho webu vytvoříme složku, například videoplayer, a z rozbalené složky tam přeneseme soubor player.swf. Ve stejné složce vytvořte další složku, například videoklipy, kam budeme přidávat videosoubory. Na stránku webu, kam chceme umístit video, vložte následující kód:

1 2 3 4 5 6 7 8 9 10 11

Nebo pokud stránka neumožňuje JavaScript, například stránky vytvořené na Drupalu bez příslušných filtrů, pak bude kód následující:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

V kódu změňte výšku a šířku na požadované hodnoty, místo MySite.ru zadejte svůj web a místo MyClips.flv název souboru klipu. Upozorňuji na skutečnost, že název stránky, klip, výška a šířka okna videa ve druhém kódu (který je bez JavaScriptu) se vyskytuje několikrát.

Zde je příklad videa vloženého na stránku pomocí výše uvedeného kódu:

Tato verze přehrávače je nejjednodušší a nemá vlastní nastavení. Doladění vzhledu a funkčnosti JW Playeru je popsáno v článku Nastavení vzhledu, panelu nástrojů a přehrávání videa JW Playeru.

Jak jsem upozornil na začátku článku, tento přehrávač umožňuje sledovat videa z YouTube.Při přehrávání videa prostřednictvím přehrávače JW Player, a nikoli přímo z YouTube, se okno videa zbaví nevyžádaného obsahu YouTube, který zahazuje video, jako jsou vyskakovací reklamy, seznam podobných klipů, otevření webové stránky YouTube atd.

Kód v tomto případě bude vypadat takto:

1 2 3 4 5 6 7 8 9 10 11

Nebo možnost pro stránku bez podpory javascriptu:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Stejně jako v předchozím případě musíte v kódu změnit MuSite na URL vašeho webu a místo mé adresy souboru YouTube nahradit svou vlastní https://www.youtube.com/watch?v=MUe0Uh10GPc.

Příklad přehrávání video souboru hostovaného na webu pro sdílení videa YouTybe (toto video jsem vytvořil ve Photoshopu, materiál na jeho vytvoření je zde):

U tohoto typu přehrávání zůstává ze všech atributů YouTube pouze ikona, nelze se jí zbavit. Musíte si vybrat, zda video zveřejníte na svém hostingu a zabere vám místo, protože soubory videa mohou být velmi velké, nebo se podíváte na video s ikonou YouTube, ale zveřejníte ho zdarma.

Jak vložit obrázek na pozadí (úvodní obrazovku) videa, zajistit automatické přehrávání videa při načtení a obnovení stránky a také postup při nepřetržitém (cyklickém) přehrávání videa je popsán zde