في قوالب المواقع الجاهزة يوجد فيديوهات قصيرة هل يوجد موقع لتنزيلها أو يتم انشاءها من قبل المصمم ؟

كل عام وأنتي بخير هبة.

تلك الوسائط يتم تحميلها من مواقع توفر فيديوهات مجانية أو مدفوعة، وتستطيعي أنتي أيضًا تنزيل فيديوهات احترافية واستخدامها في تصميمك من المصادر التالية:

• Pexels 
• Coverr
• Pixabay
• Mixkit

كل ما عليكِ هو تنزيل الفيديو بصيغة mp4 واستبدال ملف الفيديو القديم في مجلد القالب بالفيديو الجديد بنفس الاسم أو تغيير المسار في الكود.

بتاريخ 1 ساعة قال Hiba Abdalrheem:

واذا أردت تحويل الخلفية من فيديو لصورة لايستجيب القالب؟

الفيديو في لغة HTML يعمل كطبقة تعلو الخلفية العادية، ولو وضعتي background-image في الـ CSS، فتوضع خلف الفيديو، وبالتالي لا تظهر لأن الفيديو يغطيها.

لذا يجب حذف الفيديو في كود HTML بحذف التالي:

<video autoplay muted loop id="myVideo">
  <source src="video.mp4" type="video/mp4">
</video>

ثم التوجه لملف CSS وتحديد العنصر الأب الذي كان يحتوي الفيديو، وغالبًا اسمه header أو hero أو banner ثم إضافة التنسيق التالي:

.hero-section {
    background-image: url('../images/background.jpg'); 
    
    background-size: cover; 
    
    background-position: center;
    
    background-repeat: no-repeat;
}

بالطبع مع تعديل مسار الصورة بالمسار لديكِ

يمكنك تحميل الفيديوهات التي تريدينها حيث لا يتم إنشاء الفيديوهات في هذه القوالب خصيصاً وأفضل المواقع المجانية تماماً لتحميل هذه الفيديوهات

Pexels Videos يعتبر الأفضل حالياً، يوفر فيديوهات بجودة عالية (HD و 4K) وسهلة الدمج في المواقع.

Pixabay مكتبة ضخمة جداً وفيديوهاتها خفيفة الوزن ومناسبة لسرعة تحميل المواقع.

Coverr موقع متخصص في فيديوهات خلفيات المواقع .

وبالنسبة لمشكلة الصورة  فيجب استبدال وسم <video> بوسم <img> أو مسح وسم الفيديو تماماً ووضع الصورة كخلفية عبر CSS باستخدام خاصية background-image.