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 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.
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. Pojavljuje se 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 prikaza pomoću videozapisa 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.
Hvala što ste napisali tutorijal. Nadamo se da će to razjasniti neke stvari za implementaciju inline sadržaja u iskačućem prozoru na Facebooku. 🙂
Shvaćate li da će se u IE nakon zatvaranja prozora video nastaviti reproducirati u pozadini? (sam nailazim na problem i pokušavam pronaći rješenje!)