WordPress: Cara Membuat Popup Kotak Wajah Video

Video Vimeo dan Youtube sekarang menawarkan video definisi tinggi yang dapat menghabiskan banyak waktu di situs web atau blog. Salah satu cara untuk mengoptimalkannya adalah dengan menggunakan metode yang disebut Kotak Wajah. Facebox adalah cara yang bagus untuk menampilkan jendela di dalam halaman Anda tanpa jendela popup terpisah.

tombol-video-garis hidup.png

Pusat Data Lifeline memiliki video yang diproduksi oleh Another Cool Design yang ingin mereka tampilkan di beranda - tanpa harus memindahkan atau mendesain ulang tema. Jadi - kami membuat gambar kecil yang bagus dengan tombol putar besar di atasnya, dan memasukkan kode yang menghasilkan jendela bergaya untuk menampilkan video di dalamnya.

lifeline-video-facebox.png

Implementasinya sederhana dengan menggunakan Plugin Galeri Facebox WordPress dari gambar asli. Saya membuat halaman eksternal (video.html) di root situs yang memiliki video (dengan autoplay = 1 sehingga otomatis diputar saat terbuka), lalu menambahkan widget teks dengan cuplikan yang diperlukan.

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

The rel = kotak muka penunjukan adalah apa yang memulai kode setelah tautan diklik. Ini memunculkan kotak muka video yang mulai segera diputar. Ini adalah implementasi sederhana dan solusi mudah untuk menyematkan satu atau lebih video ke dalam halaman. Kami akan segera menggunakan metode ini di situs lain!

CATATAN: Penting untuk menangkap jumlah tampilan dengan video dalam klien analisis (Google Analytics), jadi kami juga menambahkan acara onclick di tag jangkar. Sekarang, saat orang mengklik video, kami mendapatkan tampilan halaman 'virtual'. Saya telah menambahkan kode di atas.

3 Komentar

  1. 1

    Terima kasih telah menulis tutorial. Mudah-mudahan ini akan menjelaskan beberapa hal untuk menerapkan konten inline di pop-up facebox. 🙂

  2. 2

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.