WordPress: Sådan oprettes en pop-up-pop-up-video

Vimeo- og Youtube-videoer tilbyder nu videoer i højere opløsning, der kan tage en hel del fast ejendom på et websted eller en blog. En måde at optimere dette på er at bruge en metode kaldet Facebox. En facebox er et godt middel til at vise et vindue på din side uden et separat popup-vindue.

livslinje-video-knap.png

Lifeline-datacentre fik en video produceret af Another Cool Design, som de ønskede at præsentere på deres hjemmeside - uden at skulle flytte eller redesigne temaet. Så - vi lavede et dejligt lille billede med en stor afspilningsknap på det og inkorporerede kode, der genererer et stilfuldt vindue til at vise videoen indeni.

livline-video-facebox.png

Implementeringen var enkel ved hjælp af WordPress Facebox Gallery Plugin fra Truimage. Jeg oprettede en ekstern side (video.html) i roden af ​​det websted, der har videoen (med autoplay = 1, så den automatisk afspilles, når den åbnes), og derefter tilføjede en tekstwidget med det nødvendige uddrag.

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

rel = facebox betegnelse er det, der starter koden, når der er klikket på linket. Det popper op i videofaceboxen, der begynder at spille med det samme. Det er en simpel implementering og en nem løsning til indlejring af en eller flere videoer på en side. Vi bruger denne metode meget snart!

BEMÆRK: Det er vigtigt at fange antallet af visninger med videoen inden for klientens analytics (Google Analytics), så vi tilføjede også en onclick-begivenhed på ankertagget. Når folk nu klikker på videoen, får vi en 'virtuel' sidevisning. Jeg har tilføjet koden ovenfor.

3 Kommentarer

  1. 1

    Tak for din skrivning af en tutorial. Forhåbentlig vil det rydde nogle ting op til implementering af integreret indhold i en facebox pop-up. 🙂

  2. 2

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.