WordPress: Як створити спливаюче вікно Facebox

Відео Vimeo та Youtube тепер пропонують відео високої чіткості, які можуть зайняти чимало нерухомості на веб-сайті або в блозі. Одним із способів оптимізації для цього є використання методу, який називається Facebox. Фейсбокс - приємний засіб відображення вікна на вашій сторінці без окремого спливаючого вікна.

lifeline-video-button.png

Центри даних Lifeline у них було відео від Іншого крутого дизайну, яке вони хотіли представити на своїй домашній сторінці - без необхідності переносити або переробляти тему. Отже - ми зробили приємне маленьке зображення з великою кнопкою відтворення на ньому і включили код, який створює стильне вікно для відображення відео всередині.

lifeline-video-facebox.png

Реалізація була простою за допомогою Плагін WordPress Facebox Gallery від Truimage. Я створив зовнішня сторінка (video.html) у кореневій частині веб-сайту, на якому є відео (з автовідтворенням = 1, щоб воно автоматично відтворювалося при його відкритті), а потім додано текстовий віджет із необхідним фрагментом.

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

повне г, повне г,, показали, від, номер, XNUMX rel = facebox позначення - це те, що ініціює код після натискання на посилання. Він вискакує з відеофайлу, який починає відтворюватися негайно. Це проста реалізація та просте рішення для вбудування одного чи кількох відео на сторінку. Ми використаємо цей метод на іншому сайті дуже скоро!

ПРИМІТКА. Важливо фіксувати кількість переглядів із відеозаписом у межах клієнта аналітика (Google Analytics), тому ми також додали подію onclick до тегу прив’язки. Тепер, коли люди натискають на відео, ми отримуємо „віртуальний” перегляд сторінки. Я додав код вище.

3 Коментарі

  1. 1

    Дякуємо за написання навчального посібника. Сподіваємось, це прояснить деякі речі для реалізації вбудованого вмісту у спливаючому вікні facebox. 🙂

  2. 2

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.