„WordPress“: kaip sukurti vaizdo įrašo langelį

„Vimeo“ ir „Youtube“ vaizdo įrašai dabar siūlo aukštesnės raiškos vaizdo įrašus, kurie gali užimti nemažai nekilnojamojo turto tinklalapyje ar tinklaraštyje. Vienas iš būdų tai optimizuoti yra naudoti „Facebox“ vadinamą metodą. „Facebox“ yra puiki priemonė rodyti langą savo puslapyje be atskiro iššokančio lango.

gelbėjimo linija-video-button.png

„Lifeline“ duomenų centrai turėjo „Another Cool Design“ sukurtą vaizdo įrašą, kurį norėjo pristatyti savo pagrindiniame puslapyje - nereikėjo perkelti ar pertvarkyti temos. Taigi - mes padarėme gražų mažą vaizdą su dideliu grojimo mygtuku ir įtraukėme kodą, kuris sukuria stilingą langą, kuriame bus rodomas vaizdo įrašas.

lifeline-video-facebox.png

Įdiegimas buvo paprastas naudojant „WordPress Facebox“ galerijos papildinys nuo Tikras vaizdas. Aš sukūriau išorinis puslapis (video.html) svetainės, kurioje yra vaizdo įrašas, šaknyje (su automatiniu paleidimu = 1, kad jis atsidarytų automatiškai, kai jis atsidaro), tada pridėjo teksto valdiklį su reikiamu fragmentu.

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

Šis rel = veido dėžutė žymėjimas inicijuoja kodą spustelėjus nuorodą. Pasirodo vaizdo grotuvas, kuris pradeda groti iškart. Tai paprastas įgyvendinimas ir lengvas sprendimas, kaip įterpti vieną ar daugiau vaizdo įrašų į puslapį. Mes netrukus naudosime šį metodą kitoje svetainėje!

PASTABA: kliento vaizdo įraše svarbu užfiksuoti peržiūrų skaičių Google Analytics („Google Analytics“), todėl prie inkaro žymos taip pat pridėjome „onclick“ įvykį. Dabar žmonėms spustelėjus vaizdo įrašą gaunama „virtuali“ puslapio peržiūra. Aš pridėjau kodą aukščiau.

3 komentarai

  1. 1

    Dėkojame, kad išrašėte pamoką. Tikimės, kad tai išaiškins kai kuriuos dalykus, kad įdiegtumėte tiesioginį turinį „facebox“ iššokančiajame lange. 🙂

  2. 2

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.