WordPress - ဗွီဒီယိုမျက်နှာပြင်အကောင့် Popup တစ်ခုလုပ်နည်း

Vimeo နှင့် Youtube ဗွီဒီယိုများသည်ဝက်ဘ်ဆိုက်သို့မဟုတ်ဘလော့ဂ်ပေါ်တွင်အိမ်ခြံမြေအတော်အတန်ရယူနိုင်သောအဆင့်မြင့်သောဗီဒီယိုများကိုယခုတွင်ပေးသည်။ ၎င်းအတွက်အကောင်းဆုံးနည်းလမ်းတစ်ခုမှာ Facebox ဟုခေါ်သောနည်းလမ်းကိုအသုံးပြုခြင်းဖြစ်သည်။ Facebox ဆိုတာသီးခြား popup ၀ င်းဒိုးမရှိဘဲသင်၏စာမျက်နှာအတွင်းပြတင်းပေါက်တစ်ခုပြရန်နည်းလမ်းကောင်းတစ်ခုဖြစ်သည်။

အသက်သွေးကြော-ဗီဒီယို-ခလုတ် ။png

Lifeline ဒေတာစင်တာများ နောက်ထပ် Cool Design မှထုတ်လုပ်သောဗွီဒီယိုတစ်ခုတွင်သူတို့၏မူလစာမျက်နှာတွင်တင်ပြလိုခြင်းမှာ - ထိုအခင်းအကျင်းကိုပြန်လည်နေရာချထားခြင်းနှင့်ပြန်လည်ဒီဇိုင်းဆွဲစရာမလိုဘဲပြုလုပ်ခဲ့သည်။ ဒါကြောင့်ငါတို့မှာကြီးမားတဲ့ play button ပါ ၀ င်တဲ့သေးငယ်တဲ့ပုံရိပ်လေးတစ်ခုလုပ်ခဲ့ပြီးဗီဒီယိုအတွင်းမှာပြသရန်စတိုင်ကျတဲ့ ၀ င်းဒိုးကိုထုတ်ပေးတဲ့ကုဒ်ထည့်သွင်းထားသည်။

အသက်ကယ်ဗီဒီယို-facebox.png

အကောင်အထည်ဖော်မှုကိုအသုံးပြု။ ရိုးရှင်းခဲ့ပါတယ် WordPress Facebox ပြခန်းပလပ်ဂင် မှ ရက်စက်မှု။ ငါဖန်တီးခဲ့တယ် ပြင်ပစာမျက်နှာ (video.html) ဗီဒီယိုပါသောဆိုက်၏ပင်ရင်း (autoplay = 1 ဖြင့်ဖွင့်သောအခါအလိုအလျောက်ဖွင့်နိုင်သည်) ပြီးနောက်လိုအပ်သည့်အတိုအထွာနှင့်စာသားဝစ်ဂျက်ထည့်ပါ။

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

အဆိုပါ rel = facebox link ကိုနှိပ်လိုက်ရင်တစ်ချိန်တည်းမှာပဲ designation သည် code ကိုစတင်ခဲ့သည်။ ၎င်းသည်ချက်ချင်းဖွင့်သောဗီဒီယို facebox ပေါ်လာမည်။ ၎င်းသည်ရိုးရှင်းသောအကောင်အထည်ဖော်မှုနှင့်ဗီဒီယိုတစ်ခုသို့မဟုတ်တစ်ခုထက် ပို၍ စာမျက်နှာတစ်ခုသို့ထည့်သွင်းရန်လွယ်ကူသောဖြေရှင်းချက်တစ်ခုဖြစ်သည်။ ကျွန်ုပ်တို့သည်ဤနည်းလမ်းကိုမကြာမီအခြား site တစ်ခုတွင်အသုံးပြုလိမ့်မည်။

မှတ်ချက် - ဗီဒီယိုဖြင့်ကြည့်ရှုသူအရေအတွက်ကို client ၏အတွင်းသိမ်းရန်အရေးကြီးသည် analytics (Google Analytics) ဒါကြောင့်ကျွန်တော်တို့ anchor tag မှာ onclick event တစ်ခုထပ်ထည့်ခဲ့သည်။ အခုလူတွေကဗီဒီယိုကိုနှိပ်တဲ့အခါ 'virtual' pageview ကိုရတယ်။ အပေါ်ကကုဒ်ကိုထည့်ပြီးပြီ

3 မှတ်ချက်

  1. 1

    သင်ခန်းစာထုတ်ရေးတဲ့အတွက်ကျေးဇူးတင်ပါတယ် Facebox pop-up တစ်ခုတွင် inline content များကိုအကောင်အထည်ဖော်ရန်အတွက်အချို့သောအရာများရှင်းလင်းသွားလိမ့်မည်ဟုမျှော်လင့်ရသည်။ 🙂

  2. 2

သင်ဘယ်လိုထင်ပါလဲ?

ဤ site ကိုစပမ်လျှော့ချဖို့ Akismet ကိုအသုံးပြုသည်။ သင့်ရဲ့ comment ကိုဒေတာများကိုဆောင်ရွက်ပြီးဖြစ်ပါတယ်လေ့လာ.