WordPress: jak zrobić wideo Facebox Popup

Filmy Vimeo i Youtube oferują teraz filmy w wyższej rozdzielczości, które mogą zająć sporo miejsca na stronie internetowej lub blogu. Jednym ze sposobów optymalizacji tego jest użycie metody zwanej Facebox. Facebox to fajny sposób na wyświetlanie okna na twojej stronie bez osobnego wyskakującego okienka.

lifeline-video-button.png

Centra danych Lifeline miał film wyprodukowany przez firmę Another Cool Design, który chcieli umieścić na swojej stronie głównej - bez konieczności zmiany miejsca lub przeprojektowania motywu. Tak więc - stworzyliśmy ładny mały obraz z dużym przyciskiem odtwarzania i dołączonym kodem, który generuje stylowe okno do wyświetlania wideo.

lifeline-video-facebox.png

Implementacja była prosta przy użyciu Wtyczka WordPress Facebox Gallery od Truimage. Stworzyłem strona zewnętrzna (video.html) w katalogu głównym witryny, w której znajduje się wideo (z autoodtwarzaniem = 1, aby było odtwarzane automatycznie po otwarciu), a następnie dodano widżet tekstowy z niezbędnym fragmentem.

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

Pandemia rel = facebox oznaczenie jest tym, co inicjuje kod po kliknięciu linku. Wyskakuje facebox wideo, który zaczyna się natychmiast odtwarzać. To prosta implementacja i łatwe rozwiązanie do umieszczania jednego lub więcej filmów na stronie. Wkrótce będziemy używać tej metody w innej witrynie!

UWAGA: Ważne jest, aby uchwycić liczbę wyświetleń z wideo w kliencie analityka (Google Analytics), więc dodaliśmy również zdarzenie onclick do tagu kotwicy. Teraz, gdy ludzie klikają wideo, otrzymujemy „wirtualną” odsłonę. Dodałem powyższy kod.

Komentarze 3

  1. 1

    Dziękujemy za napisanie samouczka. Miejmy nadzieję, że wyjaśni się pewne kwestie związane z implementacją treści wbudowanych w wyskakującym okienku na Facebooku. 🙂

  2. 2

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.