WordPress: كيفية إنشاء فيديو Facebox Popup

تقدم مقاطع فيديو Vimeo و Youtube الآن مقاطع فيديو عالية الدقة يمكن أن تشغل قدرًا كبيرًا من العقارات على موقع ويب أو مدونة. تتمثل إحدى طرق التحسين لهذا في استخدام طريقة تسمى Facebox. يعد Facebox وسيلة رائعة لعرض نافذة داخل صفحتك بدون نافذة منبثقة منفصلة.

lifeline-video-button.png

مراكز بيانات شريان الحياة كان لديهم مقطع فيديو تم إنتاجه بواسطة تصميم آخر رائع وأرادوا عرضه على صفحتهم الرئيسية - دون الحاجة إلى نقل السمة أو إعادة تصميمها. لذلك - لقد صنعنا صورة صغيرة لطيفة بها زر تشغيل كبير ، ودمجنا رمزًا يولد نافذة أنيقة لعرض الفيديو بداخلها.

lifeline-video-facebox.png

كان التنفيذ بسيطًا باستخدام WordPress Facebox Gallery Plugin تبدأ من تروماج. لقد صنعت ملف صفحة خارجية (video.html) في جذر الموقع الذي يحتوي على الفيديو (مع التشغيل التلقائي = 1 بحيث يتم تشغيله تلقائيًا عند فتحه) ، ثم أضف أداة نصية مع المقتطف الضروري.

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

إن rel = facebox التعيين هو ما يبدأ الكود بمجرد النقر فوق الارتباط. ينبثق وجه الفيديو الذي يبدأ التشغيل على الفور. إنه تطبيق بسيط وحل سهل لتضمين مقطع فيديو واحد أو أكثر في الصفحة. سنستخدم هذه الطريقة في موقع آخر قريبًا جدًا!

ملاحظة: من المهم التقاط عدد مرات المشاهدة بالفيديو داخل العميل تحليلات (Google Analytics) ، لذلك أضفنا أيضًا حدث onclick على علامة الارتساء. الآن ، عندما ينقر الأشخاص على الفيديو ، نحصل على مشاهدة "افتراضية" للصفحة. لقد أضفت الرمز أعلاه.

3 تعليقات

  1. 1

    شكرا لكتابة البرنامج التعليمي. نأمل أن يمحو بعض الأشياء لتنفيذ المحتوى المضمن في نافذة منبثقة على الوجه. 🙂

  2. 2

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.