WordPress: Hogyan készítsünk Video Facebox felugró ablakot

A Vimeo és a Youtube videók mostantól nagyobb felbontású videókat kínálnak, amelyek elég sok ingatlant foglalhatnak el egy weboldalon vagy blogon. Az optimalizálás egyik módja a Facebox nevű módszer alkalmazása. Az arcdoboz egy szép eszköz arra, hogy egy ablakot megjelenítsen az oldalon külön felugró ablak nélkül.

mentőöv-video-button.png

Lifeline adatközpontok volt egy videója, amelyet a Another Cool Design készített, és amelyet a honlapján akartak bemutatni - anélkül, hogy át kellett volna helyeznie vagy át kellett volna terveznie a témát. Tehát - készítettünk egy szép kis képet, rajta egy nagy lejátszási gombbal, és beépítettünk egy kódot, amely elegáns ablakot generál a videó megjelenítésére.

lifeline-video-facebox.png

A megvalósítás egyszerű volt a WordPress Facebox Gallery beépülő modul ból ből Truimage. Létrehoztam egy külső oldal (video.html) a videót tartalmazó webhely gyökérkönyvtárában (az autoplay = 1 értékkel, hogy megnyitásakor automatikusan lejátszódjon), majd hozzáadott egy szövegmodult a szükséges kivonattal.

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

A rel = arcdoboz megnevezés az, ami elindítja a kódot, ha a linkre kattint. Megjelenik a videó arcdoboz, amely azonnal lejátszani kezdi. Ez egyszerű megvalósítás és egyszerű megoldás egy vagy több videó beágyazására egy oldalra. Hamarosan egy másik oldalon fogjuk használni ezt a módszert!

MEGJEGYZÉS: Fontos, hogy rögzítse a megtekintés számát a videóval az ügyfél körében analitika (Google Analytics), ezért hozzáadtunk egy onclick eseményt is a horgonycímkéhez. Most, amikor az emberek rákattintanak a videóra, „virtuális” oldalmegtekintést kapunk. Hozzáadtam a fenti kódot.

3 Comments

  1. 1

    Köszönjük, hogy kiírtál egy oktatóanyagot. Remélhetőleg tisztázni fog néhány dolgot az inline tartalom megvalósításához egy facebox előugró ablakban. 🙂

  2. 2

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.