وسوم و خصائص الفيديوهات
بشكل عام نستخدم الوسم <video> لإعلام المتصفح أننا نريد عرض فيديو في الصفحة.
لتحديد الفيديو الذي نريد عرضه فيه نستخدم الوسم <source>.
أنواع الفيديوهات التي يمكن عرضها
الأنواع الثلاثة .mp4 و .webm و .ogg تعمل على جميع المتصفحات و نقصد بذلك أن المتصفحات مهيئة للتعامل مع هذه الأنواع بدون الحاجة لأي إضافات مع الإشارة إلى أنه في حال كان جهاز المستخدم ضعيف و الفيديو الموضوع في الصفحة دقته عالية جداً فهذا الأمر سيؤدي لعدم تمكن المتصفح من تشغيل الفيديو عنده.
إذاً إلى جانب أنواع الفيديوهات التي يمكن تشغيلها فإن دقة الفيديوهات أمر يجب النظر إليه عند معرفة ما هي الفيديوهات التي يمكن أن تعمل عند المستخدم.
بشكل عام الدقة 360p تعمل عند جميع المستخدمين.
خصائص الفيديو
بالنسبة للوسم <video> هذه تعتبر أهم الخصائص الموجودة فيه:
widthلتحديد عرض نافذة الفيديو, الرقم الذي نمرره لها يمثل العرض بالبيكسل.heightلتحديد طول نافذة الفيديو, الرقم الذي نمرره لها يمثل الطول بالبيكسل.controlلإظهار أزرار تحكم في نافذة الفيديو.
بالنسبة للوسم <source> هذه تعتبر أهم الخصائص الموجودة فيه:
srcلتحديد مسار الفيديو الذي سيتم عرضه.typeلتحديد نوع الفيديو الذي سيتم عرضه.
معلومة تقنية
في حال لم تحدد حجم الفيديو الذي سيتم عرضه فإن المتصفح سيومض على الأغلب عندما يحاول عرض الفيديو في الصفحة بعد أن يتم تحميله حيث سيقوم برسم الصفحة بأكملها من جديد بلمح البصر لهذا يرى المستخدم هذا الأمر كومضة.
لذلك قم دائماً بتحديد حجم الفيديو الذي تنوي عرضه في الصفحة سواء حددت ذلك بواسطة خصائص HTML أو كود CSS.
