WordPress: Kako napraviti iskačući video Facebox

Vimeo i Youtube videozapisi sada nude video zapise veće definicije koji mogu zauzeti poprilično nekretnina na web lokaciji ili blogu. Jedan od načina optimizacije za ovo je korištenje metode koja se naziva Facebox. Facebox je lijepo sredstvo za prikaz prozora na vašoj stranici bez posebnog iskačućeg prozora.

lifeline-video-button.png

Lifeline podatkovni centri su imali video u produkciji Another Cool Design koji su željeli predstaviti na svojoj početnoj stranici - bez potrebe za premještanjem ili redizajniranjem teme. Dakle - napravili smo lijepu malu sliku s velikim dugmetom za reprodukciju i ugradili kôd koji generira moderan prozor za prikaz video zapisa u njemu.

lifeline-video-facebox.png

Implementacija je bila jednostavna koristeći Dodatak za WordPress Facebox Gallery od Truimage. Napravio sam vanjska stranica (video.html) u korijenu web lokacije koja ima videozapis (s automatskom reprodukcijom = 1 tako da se automatski reproducira kad se otvori), a zatim je dodala tekstualni dodatak s potrebnim isječkom.

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

The rel = facebox oznaka je ono što pokreće kod nakon što se klikne na vezu. Iskoči video facebox koji počinje odmah da se reprodukuje. To je jednostavna implementacija i jednostavno rješenje za ugrađivanje jednog ili više videozapisa u stranicu. Uskoro ćemo koristiti ovu metodu na drugoj web lokaciji!

NAPOMENA: Važno je zabilježiti broj pregleda s video zapisom u klijentovom analitika (Google Analytics), pa smo na oznaku sidra dodali i događaj onclick. Sada, kada ljudi kliknu na video, dobivamo 'virtualni' prikaz stranice. Dodao sam gornji kod.

3 Komentari

  1. 1

    Hvala što ste napisali tutorial. Nadamo se da će razjasniti neke stvari za primenu ugrađenog sadržaja u skočnom prozoru za facebox. 🙂

  2. 2

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.