WordPress. Ինչպես պատրաստել տեսանյութ Facebox- ի պատուհանը

Vimeo- ի և Youtube- ի տեսանյութերն այժմ առաջարկում են ավելի բարձր հստակության տեսանյութեր, որոնք կարող են անշարժ գույք զբաղեցնել բավականին մեծ քանակությամբ ինտերնետային կայքում կամ բլոգում: Սրա համար օպտիմալացնելու միջոցներից մեկը `Facebox կոչվող մեթոդի օգտագործումն է: Facebox- ը ձեր էջում պատուհան ցուցադրելու լավ միջոց է `առանց առանձին ելնող պատուհանի:

lifeline-video-button.png

Lifeline տվյալների կենտրոններ Ուներ մի տեսանյութ, որը պատրաստվել էր Another Cool Design- ի կողմից, և նրանք ցանկանում էին ներկայացնել իրենց գլխավոր էջում ՝ առանց թեման տեղափոխելու կամ վերափոխելու: Այսպիսով, մենք պատրաստեցինք մի փոքրիկ գեղեցիկ պատկեր, որի վրա մեծ խաղի կոճակ կար և ներառեցինք կոդ, որն առաջացնում է նորաձեւ պատուհան ՝ տեսանյութը ցուցադրելու համար:

lifeline-video-facebox.png

Իրականացումը պարզ էր ՝ օգտագործելով WordPress Facebox Gallery ներդիր - ից Իրականություն, Ես ստեղծեցի ան արտաքին էջ (video.html) տեսանյութում տեղ գտած կայքի արմատում (ավտոպլեյով = 1, այնպես որ այն բացվում է ավտոմատ կերպով, երբ բացվում է), ապա ավելացրեց անհրաժեշտ հատվածով տեքստի վիջեթ:

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

The rel = facebox նշումը այն է, ինչը նախաձեռնում է կոդը, երբ կտտացնում են հղումը: Այն բացվում է վիդեո վանդակում, որն անմիջապես սկսում է նվագել: Դա պարզ իրականացում է և հեշտ լուծում մեկ կամ ավելի տեսանյութեր էջում ներդնելու համար: Մենք շատ շուտով կօգտագործենք այս մեթոդը մեկ այլ կայքում:

Նշում. Կարևոր է հաճախորդի դիտում տեսանյութերի դիտումների քանակը գրավել Վերլուծություն (Google Analytics), այնպես որ մենք նաև ավելացրեցինք onclick իրադարձություն խարիսխի պիտակի վրա: Այժմ, երբ մարդիկ կտտացնում են տեսանյութը, մենք ստանում ենք «վիրտուալ» էջի դիտում: Ես վերևում ավելացրել եմ ծածկագիրը:

3 Comments

  1. 1

    Շնորհակալություն ձեռնարկը գրելու համար: Հուսով եմ, որ դա որոշ բաներ կբացահայտի ՝ facebox- ի պատուհանում տեղադրված բովանդակություն իրականացնելու համար: 🙂

  2. 2

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.