WordPress: Comment créer une fenêtre contextuelle vidéo Facebox

Les vidéos Vimeo et Youtube proposent désormais des vidéos de haute définition qui peuvent occuper un peu d'espace sur un site Web ou un blog. Une façon d'optimiser cela consiste à utiliser une méthode appelée Facebox. Une facebox est un bon moyen d'afficher une fenêtre dans votre page sans fenêtre contextuelle séparée.

lifeline-video-button.png

Centres de données Lifeline avait une vidéo produite par Another Cool Design qu'ils voulaient présenter sur leur page d'accueil - sans avoir à déplacer ou à redessiner le thème. Donc - nous avons fait une belle petite image avec un gros bouton de lecture dessus, et un code incorporé qui génère une fenêtre élégante pour afficher la vidéo à l'intérieur.

lifeline-video-facebox.png

La mise en œuvre a été simple en utilisant le Plugin WordPress Facebox Gallery à partir de Truimage. J'ai créé un page externe (video.html) à la racine du site contenant la vidéo (avec autoplay = 1 pour qu'elle soit lue automatiquement à l'ouverture), puis ajouté un widget de texte avec l'extrait de code nécessaire.

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

au jugement, rel = facebox la désignation est ce qui déclenche le code une fois que le lien est cliqué. Il fait apparaître la facebox vidéo qui commence à jouer immédiatement. C'est une mise en œuvre simple et une solution simple pour intégrer une ou plusieurs vidéos dans une page. Nous utiliserons cette méthode sur un autre site très bientôt!

REMARQUE: il est important de capturer le nombre de vues avec la vidéo dans le analytique (Google Analytics), nous avons donc également ajouté un événement onclick sur la balise d'ancrage. Maintenant, lorsque les gens cliquent sur la vidéo, nous obtenons une page vue «virtuelle». J'ai ajouté le code ci-dessus.

3 Commentaires

  1. 1

    Merci d'avoir rédigé un tutoriel. Espérons que cela clarifiera certaines choses pour la mise en œuvre de contenu en ligne dans une fenêtre contextuelle de boîte de visage. 🙂

  2. 2

    Vous rendez-vous compte que sur IE en fermant la fenêtre, la vidéo continuera à jouer en arrière-plan? (J'ai rencontré le problème moi-même et j'essaie de trouver une solution!)

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..