WordPress: Видео фэйсбүүкийг хэрхэн попап хийх вэ

Vimeo болон Youtube видеонууд нь вэбсайт эсвэл блог дээр үл хөдлөх хөрөнгийг бага хэмжээгээр авах боломжтой өндөр нягтралтай видеонуудыг санал болгодог. Үүнийг оновчтой болгох нэг арга бол Facebox гэсэн аргыг ашиглах явдал юм. Фэйсбүүк бол тусдаа попап цонхгүйгээр хуудсан доторх цонхыг харуулах сайхан хэрэгсэл юм.

Амьдралын шугам-видео-товч.png

Амьдралын мэдээллийн төвүүд Өөр нэг Cool Design-ийн бүтээсэн видеог нүүр хуудсандаа байршуулахыг хүсч байсан. Тиймээс, бид том тоглуулах товчлуур бүхий жижигхэн жижигхэн дүрсийг бүтээсэн бөгөөд видеог дотор нь харуулах загварлаг цонхыг бий болгосон кодыг оруулсан болно.

Амьдралын шугам-видео-facebox.png

Хэрэглээ нь WordPress Facebox галерейн залгаас нь Truimage. Би бүтээсэн гадаад хуудас (video.html) видеог агуулсан сайтын үндэс дээр (autoplay = 1-тэй, ингэснээр нээгдэхэд автоматаар тоглодог), дараа нь шаардлагатай фрагмент бүхий текст виджет нэмнэ.

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

The rel = facebox тэмдэглэгээ нь холбоосыг дарсны дараа кодыг эхлүүлдэг зүйл юм. Энэ нь даруй тоглож эхлэх видео facebox-ийг нээнэ. Энэ бол энгийн хэрэгжүүлэлт бөгөөд нэг буюу хэд хэдэн видеог хуудсанд оруулахад хялбар шийдэл юм. Бид энэ аргыг тун удахгүй өөр сайт дээр ашиглах болно!

ТАЙЛБАР: Үйлчлүүлэгчийн видеоны тусламжтайгаар үзсэн тоогоо авах нь чухал юм анализ (Google Analytics), ингэснээр бид зангуу шошгон дээр onclick үйл явдлыг нэмж оруулав. Одоо хүмүүс видеон дээр дарахад бид 'виртуал' хуудсыг үзэх болно. Би дээрх кодыг нэмсэн.

3 санал

  1. 1

    Хичээл бичсэнд баярлалаа. Фэйсбүүкийн цонхонд дотор агуулгыг хэрэгжүүлэхэд зарим зүйлийг арилгах болно гэж найдаж байна. 🙂

  2. 2

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.