WordPress: Как да направите изскачащ видеоклип за Facebox

Видеоклиповете на Vimeo и Youtube сега предлагат видеоклипове с по-висока разделителна способност, които могат да заемат доста недвижими имоти в уеб сайт или блог. Един от начините за оптимизиране за това е да се използва метод, наречен Facebox. Фейсбоксът е хубаво средство за показване на прозорец в страницата ви без отделен изскачащ прозорец.

lifeline-video-button.png

Центрове за данни на Lifeline имаше видео, продуцирано от Another Cool Design, което те искаха да представят на началната си страница - без да се налага да премествате или преработвате темата. И така - направихме хубаво малко изображение с голям бутон за възпроизвеждане и включихме код, който генерира стилен прозорец за показване на видеоклипа вътре.

lifeline-video-facebox.png

Внедряването беше лесно с помощта на Приставка за галерия на WordPress Facebox от Truimage. Създадох външна страница (video.html) в корена на сайта, който има видеоклипа (с автоматично пускане = 1, така че да се възпроизвежда автоматично, когато се отвори), и след това добави текстово приспособление с необходимия фрагмент.

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

Най- rel = facebox обозначението е това, което инициира кода след щракване върху връзката. Той изскача видео лицевата кутия, която започва да се възпроизвежда веднага. Това е просто изпълнение и лесно решение за вграждане на един или повече видеоклипове в страница. Съвсем скоро ще използваме този метод на друг сайт!

ЗАБЕЛЕЖКА: Важно е да уловите броя показвания с видеоклипа в клиентския анализ (Google Analytics), така че добавихме и събитие onclick върху котвата. Сега, когато хората кликнат върху видеото, получаваме „виртуален“ преглед на страницата. Добавих кода по-горе.

3 Коментари

  1. 1

    Благодаря, че написахте урок. Надяваме се, че ще изчисти някои неща за внедряване на вградено съдържание във изскачащ прозорец на facebox. 🙂

  2. 2

    Осъзнавате ли в IE при затваряне на прозореца, видеото ще продължи да се възпроизвежда във фонов режим? (сам се сблъсквам с проблема и се опитвам да намеря решение!)

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.