WordPress: Πώς να δημιουργήσετε ένα αναδυόμενο παράθυρο Facebox βίντεο

Τα βίντεο Vimeo και Youtube προσφέρουν τώρα βίντεο υψηλότερης ευκρίνειας που μπορούν να καταλάβουν αρκετά ακίνητα σε έναν ιστότοπο ή ιστολόγιο. Ένας τρόπος βελτιστοποίησης για αυτό είναι να χρησιμοποιήσετε μια μέθοδο που ονομάζεται Facebox. Το facebox είναι ένα ωραίο μέσο εμφάνισης ενός παραθύρου στη σελίδα σας χωρίς ξεχωριστό αναδυόμενο παράθυρο.

lifeeline-video-button.png

Κέντρα δεδομένων Lifeline είχε ένα βίντεο από το Another Cool Design που ήθελαν να παρουσιάσουν στην αρχική τους σελίδα - χωρίς να χρειάζεται να μετεγκαταστήσουν ή να επανασχεδιάσουν το θέμα. Έτσι - φτιάξαμε μια ωραία μικρή εικόνα με ένα μεγάλο κουμπί αναπαραγωγής και ενσωματώσαμε κώδικα που δημιουργεί ένα κομψό παράθυρο για την προβολή του βίντεο μέσα.

lifeline-video-facebox.png

Η εφαρμογή ήταν απλή χρησιμοποιώντας το Πρόσθετο WordPress Facebox Gallery από Αλήθεια. Δημιούργησα ένα εξωτερική σελίδα (video.html) στη ρίζα του ιστότοπου που έχει το βίντεο (με αυτόματη αναπαραγωγή = 1, ώστε να αναπαράγεται αυτόματα όταν ανοίγει) και, στη συνέχεια, πρόσθεσε ένα widget κειμένου με το απαραίτητο απόσπασμα.

<a href="video.html" rel = "κουτί προσώπου" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

Η rel = κουτί προσώπου designation is what initiates the code once the link is clicked. It pops up the video facebox that begins to play immediately. It’s a simple implementation and an easy solution for embedding one or more videos into a page. We’ll be utilizing this method on another site very soon!

NOTE: It’s important to capture the number of views with the video within the client’s analytics (Google Analytics), so we also added an onclick event on the anchor tag. Now, when people click on the video, we get a ‘virtual’ pageview. I’ve added the code above.

3 Σχόλια

  1. 1

    Ευχαριστούμε που γράψατε ένα σεμινάριο. Ας ελπίσουμε ότι θα καθαρίσει ορισμένα πράγματα για την εφαρμογή ενσωματωμένου περιεχομένου σε ένα αναδυόμενο παράθυρο. 🙂

  2. 2

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.