في ال الجزء السابق من هذا البرنامج التعليمي ، باستخدام خليط من HTML5 ، jQuery و CSS ، أنشأنا وظيفة المجردة في الخلفية الكاملة لمقاطع الفيديو التي تستند إلى HTML5. في هذه المرة ، سنصممها ونحضرها لاحقا ، ونفهم كيف يمكن استخدامها كجزء من تصميمات العمل الخاصة بك. في دليل اليوم ، سنضيف إلى فيديو ملء الشاشة الخاص بنا بعدد من الطرق ، بما في ذلك:

  • إنشاء طبقات التراكب الخاصة بنا للجلوس فوق الجزء العلوي من الفيديو الخاص بنا ؛ مثل خطوط المسح على غرار التلفزيون القديم ، وتصميم الفيديو الخاص بك ليتناسب مع التصميم الخاص بك ؛
  • تحويل الفيديو الخاص بنا إلى تنسيقات متعددة لتمكين دعم المتصفحات الشاملة لخلفية الفيديو.

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

هل استخدمت مقطع فيديو بملء الشاشة كخلفية في أحد تصميماتك؟ هل لديك طريقة مفضلة للتنفيذ؟ اسمحوا لنا أن نعرف في التعليقات.