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.
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ř.
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');"> Projekt rel = facebox označení je to, co iniciuje kód po kliknutí na odkaz. Objeví se video facebox, který se začne okamžitě přehrávat. Je to jednoduchá implementace a snadné řešení pro vložení jednoho nebo více videí na stránku. Tuto metodu brzy použijeme na jiném webu!
POZNÁMKA: Je důležité zachytit počet zhlédnutí s videem v rámci klienta analytika (Google Analytics), proto jsme na značku ukotvení přidali také událost onclick. Nyní, když lidé kliknou na video, získáme „virtuální“ zobrazení stránky. Kód jsem přidal výše.
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. 🙂
Uvědomujete si, že v IE po zavření okna bude video pokračovat v přehrávání na pozadí? (narazil jsem na problém sám a snažím se najít opravu!)