WordPress: Як зрабіць усплывальнае відэа Facebox

Відэа Vimeo і Youtube зараз прапануюць відэа высокай выразнасці, якія могуць заняць нямала нерухомасці на вэб-сайце альбо ў блогу. Адзін са спосабаў аптымізацыі - выкарыстанне метаду Facebox. Facebox - гэта добры спосаб адлюстравання акна на вашай старонцы без асобнага ўсплывальнага акна.

lifeline-video-button.png

Цэнтры дадзеных жыцця у іх было відэа, зробленае Another Cool Design, якое яны хацелі прадставіць на сваёй хатняй старонцы - без неабходнасці пераносіць ці перапраектаваць тэму. Такім чынам, мы зрабілі прыемны невялікі малюнак з вялікай кнопкай прайгравання і ўключылі код, які стварае стыльнае акно для адлюстравання відэа.

lifeline-video-facebox.png

Рэалізацыя была простай з дапамогай Убудова WordPress Facebox Gallery ад Truimage. Я стварыў знешняя старонка (video.html) у корані сайта, на якім ёсць відэа (з аўтазапускам = 1, каб яно аўтаматычна прайгравалася пры яго адкрыцці), а затым дадаў тэкставы віджэт з неабходным фрагментам.

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

,en rel = facebox абазначэнне - гэта тое, што ініцыюе код пасля націску на спасылку. Ён выскоквае з відэафайла, які пачынае прайгравацца адразу. Гэта простая рэалізацыя і простае рашэнне для ўбудавання аднаго ці некалькіх відэа на старонку. Мы будзем выкарыстоўваць гэты метад на іншым сайце вельмі хутка!

УВАГА: Важна захапіць колькасць праглядаў з відэа ў кліенцкім рэжыме аналітыка (Google Analytics), таму мы таксама дадалі падзея onclick на тэг прывязкі. Цяпер, калі людзі націскаюць на відэа, мы атрымліваем "віртуальны" прагляд старонкі. Я дадаў код вышэй.

3 Каментары

  1. 1

    Дзякуй за напісанне падручніка. Будзем спадзявацца, што гэта высветліць некаторыя рэчы для ўкаранення ўбудаванага змесціва ў усплываючым акне facebox. 🙂

  2. 2

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.