تقدم مقاطع فيديو Vimeo و Youtube الآن مقاطع فيديو عالية الدقة يمكن أن تشغل قدرًا كبيرًا من العقارات على موقع ويب أو مدونة. تتمثل إحدى طرق التحسين لهذا في استخدام طريقة تسمى Facebox. يعد Facebox وسيلة رائعة لعرض نافذة داخل صفحتك بدون نافذة منبثقة منفصلة.
مراكز بيانات شريان الحياة كان لديهم مقطع فيديو تم إنتاجه بواسطة تصميم آخر رائع وأرادوا عرضه على صفحتهم الرئيسية - دون الحاجة إلى نقل السمة أو إعادة تصميمها. لذلك - لقد صنعنا صورة صغيرة لطيفة بها زر تشغيل كبير ، ودمجنا رمزًا يولد نافذة أنيقة لعرض الفيديو بداخلها.
كان التنفيذ بسيطًا باستخدام WordPress Facebox Gallery Plugin تبدأ من تروماج. لقد صنعت ملف صفحة خارجية (video.html) في جذر الموقع الذي يحتوي على الفيديو (مع التشغيل التلقائي = 1 بحيث يتم تشغيله تلقائيًا عند فتحه) ، ثم أضف أداة نصية مع المقتطف الضروري.
<a href="video.html" rel = "facebox" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage')؛">
إن rel = facebox التعيين هو ما يبدأ الكود بمجرد النقر فوق الارتباط. ينبثق وجه الفيديو الذي يبدأ التشغيل على الفور. إنه تطبيق بسيط وحل سهل لتضمين مقطع فيديو واحد أو أكثر في الصفحة. سنستخدم هذه الطريقة في موقع آخر قريبًا جدًا!
ملاحظة: من المهم التقاط عدد مرات المشاهدة بالفيديو داخل العميل تحليلات (Google Analytics) ، لذلك أضفنا أيضًا حدث onclick على علامة الارتساء. الآن ، عندما ينقر الأشخاص على الفيديو ، نحصل على مشاهدة "افتراضية" للصفحة. لقد أضفت الرمز أعلاه.
شكرا لكتابة البرنامج التعليمي. نأمل أن يمحو بعض الأشياء لتنفيذ المحتوى المضمن في نافذة منبثقة على الوجه. 🙂
هل تدرك على IE عند إغلاق النافذة أن الفيديو سيستمر في التشغيل في الخلفية؟ (واجهت المشكلة بنفسي وأحاول إيجاد حل!)