WordPress: hoe om 'n video-facebox-pop-up te maak

Vimeo- en Youtube-video's bied nou video's met hoër definisie aan wat op 'n webwerf of blog heelwat vaste eiendom kan beslaan. Een manier om hiervoor te optimaliseer, is om 'n metode genaamd 'Facebox' te gebruik. 'N Gesigvak is 'n goeie manier om 'n venster binne u bladsy te vertoon sonder 'n aparte pop-upvenster.

reddingsboei-video-button.png

Lifeline-datasentrums het 'n video laat vervaardig deur Another Cool Design wat hulle op hul tuisblad wou aanbied - sonder om die tema te verplaas of te herontwerp. Dus - ons het 'n mooi klein prentjie gemaak met 'n groot speelknoppie daarop en kode opgeneem wat 'n stylvolle venster genereer om die video binne te vertoon.

reddingsboei-video-facebox.png

Die implementering was eenvoudig met behulp van die WordPress Facebox Gallery-inprop van Truimage. Ek het 'n eksterne bladsy (video.html) in die wortel van die webwerf met die video (met outospeel = 1 sodat dit outomaties kan speel wanneer dit oopgaan), en voeg dan 'n teks-widget met die nodige brokkie by.

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

Die rel = gesigskas die benaming is wat die kode inisieer sodra daar op die skakel geklik word. Dit verskyn op die video-gesigskas wat onmiddellik begin speel. Dit is 'n eenvoudige implementering en 'n maklike oplossing om een ​​of meer video's in 'n bladsy in te bed. Ons sal binnekort hierdie metode op 'n ander webwerf gebruik!

OPMERKING: Dit is belangrik om die aantal kyke saam met die video binne die kliënt vas te lê analytics (Google Analytics), dus het ons ook 'n onclick-gebeurtenis op die ankerplaatjie bygevoeg. As mense nou op die video klik, kry ons 'n 'virtuele' bladsyweergawe. Ek het die kode hierbo bygevoeg.

3 Comments

  1. 1

    Dankie dat u 'n tutoriaal geskryf het. Hopelik sal dit 'n paar dinge opruim vir die implementering van ingeboude inhoud in 'n pop-up van die facebox. 🙂

  2. 2

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.