WordPress: So erstellen Sie ein Video-Facebox-Popup

Vimeo- und Youtube-Videos bieten jetzt Videos in höherer Auflösung, die auf einer Website oder in einem Blog viel Platz in Anspruch nehmen können. Eine Möglichkeit zur Optimierung besteht darin, eine Methode namens Facebox zu verwenden. Eine Facebox ist eine gute Möglichkeit, ein Fenster auf Ihrer Seite ohne separates Popup-Fenster anzuzeigen.

lifeline-video-button.png

Lifeline-Rechenzentren hatte ein Video von Another Cool Design produziert, das sie auf ihrer Homepage präsentieren wollten - ohne das Thema verschieben oder neu gestalten zu müssen. Also - wir haben ein schönes kleines Bild mit einer großen Wiedergabetaste erstellt und Code integriert, der ein stilvolles Fenster zum Anzeigen des Videos generiert.

lifeline-video-facebox.png

Die Implementierung war einfach mit dem WordPress-Facebox-Galerie-Plugin von Truimage. Ich habe eine erstellt externe Seite (video.html) im Stammverzeichnis der Site, auf der sich das Video befindet (mit Autoplay = 1, damit es beim Öffnen automatisch abgespielt wird), und fügte dann ein Text-Widget mit dem erforderlichen Snippet hinzu.

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

Das rel = facebox Die Bezeichnung leitet den Code ein, sobald auf den Link geklickt wird. Es öffnet sich die Video-Facebox, die sofort abgespielt wird. Es ist eine einfache Implementierung und eine einfache Lösung zum Einbetten eines oder mehrerer Videos in eine Seite. Wir werden diese Methode sehr bald auf einer anderen Website anwenden!

HINWEIS: Es ist wichtig, die Anzahl der Aufrufe mit dem Video innerhalb des Clients zu erfassen Analytik (Google Analytics), daher haben wir dem Ankertag auch ein Onclick-Ereignis hinzugefügt. Wenn Leute auf das Video klicken, erhalten wir einen "virtuellen" Seitenaufruf. Ich habe den obigen Code hinzugefügt.

3 Kommentare

  1. 1

    Vielen Dank, dass Sie ein Tutorial geschrieben haben. Hoffentlich werden einige Dinge für die Implementierung von Inline-Inhalten in einem Facebox-Popup geklärt. 🙂

  2. 2

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.