WordPress: Jak vytvořit vyskakovací okno Video Facebox

Videa Vimeo a Youtube nyní nabízejí videa s vyšším rozlišením, která mohou na webu nebo blogu zabírat spoustu nemovitostí. Jedním ze způsobů optimalizace je využití metody zvané Facebox. Facebox je pěkný prostředek k zobrazení okna na vaší stránce bez samostatného vyskakovacího okna.

lifeline-video-button.png

Datová centra Lifeline nechali vytvořit video od Another Cool Design, které chtěli prezentovat na své domovské stránce - aniž by museli téma přemístit nebo přepracovat. Takže - vytvořili jsme pěkný malý obrázek s velkým tlačítkem pro přehrávání a začlenili jsme kód, který generuje stylové okno pro zobrazení videa uvnitř.

lifeline-video-facebox.png

Implementace byla jednoduchá pomocí Plugin Galerie WordPress Facebox od Truimage. Vytvořil jsem externí stránka (video.html) v kořenovém adresáři webu, který má video (s automatickým přehráváním = 1, aby se automaticky přehrávalo při jeho otevření), a poté přidal textový widget s nezbytným úryvkem.

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

Společnost rel = facebox označení je to, co iniciuje kód po kliknutí na odkaz. Zobrazí se videobox, který se začne přehrávat okamžitě. Jedná se o jednoduchou implementaci a snadné řešení pro vložení jednoho nebo více videí na stránku. Tuto metodu budeme velmi brzy využívat na jiném webu!

POZNÁMKA: Je důležité zachytit počet zhlédnutí videa v rámci klienta analytika (Google Analytics), takže jsme také přidali událost onclick na kotevní značku. Nyní, když lidé kliknou na video, získáme „virtuální“ zobrazení stránky. Přidal jsem kód výše.

3 Komentáře

  1. 1

    Děkujeme, že jste napsali návod. Doufejme, že to vyřeší některé věci pro implementaci vloženého obsahu do vyskakovacího okna faceboxu. 🙂

  2. 2

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.