WordPress: Hvordan lage en Video Facebox Popup

Vimeo- og Youtube-videoer tilbyr nå høyere definisjonsvideoer som kan ta opp ganske mye eiendom på et nettsted eller en blogg. En måte å optimalisere for dette er å bruke en metode som kalles Facebox. En ansiktsboks er et fint middel til å vise et vindu på siden din uten et eget popup-vindu.

livslinje-video-knapp.png

Lifeline datasentre hadde en video produsert av Another Cool Design som de ønsket å presentere på hjemmesiden sin - uten å måtte flytte eller redesigne temaet. Så - vi laget et fint lite bilde med en stor avspillingsknapp på, og innlemmet kode som genererer et stilig vindu for å vise videoen i.

lifeline-video-facebox.png

Implementeringen var enkel å bruke WordPress Facebox Gallery Plugin fra Truimage. Jeg opprettet en ekstern side (video.html) i roten til nettstedet som har videoen (med autoplay = 1 slik at den spilles av automatisk når den åpnes), og la deretter til en tekstwidget med den nødvendige kodebiten.

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

De rel = ansiktsboks betegnelse er det som starter koden når linken er klikket. Det dukker opp videofaceboxen som begynner å spille med en gang. Det er en enkel implementering og en enkel løsning for å legge inn en eller flere videoer på en side. Vi bruker denne metoden på et annet nettsted veldig snart!

MERKNAD: Det er viktig å fange antall visninger med videoen innenfor klientens analytics (Google Analytics), så vi la også til en onclick-hendelse på ankermerket. Nå, når folk klikker på videoen, får vi en 'virtuell' sidevisning. Jeg har lagt til koden ovenfor.

3 Kommentarer

  1. 1

    Takk for at du skrev ut en veiledning. Forhåpentligvis vil det rydde noen ting for implementering av innebygd innhold i en popup-popup. 🙂

  2. 2

Hva tror du?

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.