WordPress: Ako vytvoriť kontextové okno videa Facebox

Videá Vimeo a Youtube teraz ponúkajú videá s vyšším rozlíšením, ktoré môžu na webovej stránke alebo blogu zaberať dosť veľa nehnuteľností. Jedným zo spôsobov optimalizácie je použitie metódy nazývanej Facebox. Facebox je pekný prostriedok na zobrazenie okna na vašej stránke bez samostatného vyskakovacieho okna.

lifeline-video-button.png

Dátové centrá Lifeline si nechali vytvoriť video od spoločnosti Another Cool Design, ktoré chceli prezentovať na svojej domovskej stránke - bez nutnosti premiestnenia alebo nového návrhu témy. Takže - vytvorili sme pekný malý obrázok s veľkým tlačidlom prehrávania a začlenili sme kód, ktorý generuje štýlové okno na zobrazenie videa vo vnútri.

lifeline-video-facebox.png

Implementácia bola jednoduchá pomocou Doplnok Galérie galérie WordPress z Truimage. Vytvoril som externá stránka (video.html) v koreňovom adresári webu, ktorý má video (s automatickým prehrávaním = 1, aby sa automaticky prehralo pri otvorení), a potom pridal textovú miniaplikáciu s potrebným úryvkom.

<a href="video.html" rel = "facebox" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');">

و rel = facebox označenie je to, čo iniciuje kód po kliknutí na odkaz. Vyskočí ním čelný panel videa, ktorý sa začne okamžite prehrávať. Je to jednoduchá implementácia a ľahké riešenie na vloženie jedného alebo viacerých videí na stránku. Túto metódu čoskoro použijeme na inej stránke!

POZNÁMKA: Je dôležité zachytiť počet zhliadnutí videa v rámci klienta analytika (Google Analytics), takže sme tiež pridali udalosť onclick na kotviacu značku. Teraz, keď ľudia kliknú na video, získame „virtuálne“ zobrazenie stránky. Kód som pridal vyššie.

3 Komentáre

  1. 1

    Ďakujeme za vypracovanie návodu. Dúfajme, že to vyčistí niektoré veci týkajúce sa implementácie vloženého obsahu do vyskakovacieho okna s faceboxom. 🙂

  2. 2

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.