في هذا الاختبار، سنقوم بمراجعة استخدام وسم <video> في HTML. يوفر هذا الوسم وسيلة لدمج مقاطع الفيديو داخل صفحات الويب بطرق مختلفة. تتناول الأسئلة التالية الجوانب الأساسية لاستخدام هذا الوسم.

1. ما هو الغرض من وسم <video> في HTML؟

وصف: وسم <video> يُستخدم لعرض مقاطع الفيديو مباشرة على صفحات الويب. يوفر طريقة مدمجة لتضمين المحتوى المرئي بدون الحاجة إلى مشغلات خارجية.

أسئلة ذات صلة:

• كيف يمكن دمج مقاطع الفيديو في HTML؟


• ما هي الاستخدامات الشائعة لوسم <video>؟


• ما الفرق بين وسم <video> ووسم <iframe>؟

خيارات الإجابات:

• لدمج الصور في صفحة الويب.


• لتضمين نماذج تفاعلية.


• لعرض مقاطع الفيديو على صفحة الويب.


• لإنشاء روابط لصفحات ويب أخرى.

2. كيف يمكنك ضمان التوافق عبر المتصفحات المختلفة عند تضمين مقاطع الفيديو؟

وصف: لضمان تشغيل الفيديو بشكل صحيح عبر المتصفحات المختلفة، يجب تقديم تنسيقات فيديو متعددة داخل وسوم <source>.

أسئلة ذات صلة:

• كيف أضمن أن الفيديو يعمل على جميع المتصفحات؟


• ما هي التنسيقات المدعومة لوسم <video>؟


• كيف يمكن اختبار توافق الفيديو مع مختلف المتصفحات؟

خيارات الإجابات:

• استخدام تنسيق فيديو واحد فقط.


• استخدام تنسيقات فيديو متعددة مع وسوم <source>.


• تضمين الفيديو كصورة متحركة.


• استخدام فلاش لتضمين الفيديو.

3. ماذا تفعل إذا لم يكن المتصفح يدعم وسم <video>؟

وصف: إذا لم يكن المتصفح يدعم وسم <video>, يجب تقديم نص بديل يظهر للمستخدمين بدلاً من الفيديو.

أسئلة ذات صلة:

• ماذا يجب أن أفعل في حالة عدم دعم المتصفح للفيديو؟


• كيف أقدم معلومات بديلة في حال عدم تشغيل الفيديو؟


• ما هي أفضل طرق تقديم بدائل لمحتوى الفيديو؟

خيارات الإجابات:

• لا تعرض أي محتوى بديل.


• تقديم نص بديل داخل وسم <video>.


• استخدام تنسيق فيديو غير مدعوم.


• عرض صورة بدلاً من الفيديو.

4. كيف يمكنك ضبط أبعاد الفيديو عند استخدام وسم <video> في HTML؟

وصف: يمكن ضبط أبعاد الفيديو باستخدام خصائص width وheight في وسم <video>.

أسئلة ذات صلة:

• كيف أضبط حجم الفيديو في صفحة الويب؟


• ما هي خصائص التحكم في أبعاد الفيديو؟


• كيف يمكن تعديل أبعاد الفيديو لتناسب التصميم؟

خيارات الإجابات:

• باستخدام خصائص width وheight.


• بتعديل ملف الفيديو نفسه.


• باستخدام تنسيق الفيديو المناسب.


• عبر إعدادات المتصفح.

5. كيف يمكنك تضمين عناصر التحكم في مشغل الفيديو؟

وصف: تتيح خاصية controls إضافة عناصر تحكم مثل التشغيل والإيقاف إلى مشغل الفيديو.

أسئلة ذات صلة:

• كيف أضيف عناصر تحكم إلى مشغل الفيديو؟


• ما هي الخيارات المتاحة لتخصيص عناصر التحكم في الفيديو؟


• كيف يمكن تحسين واجهة المستخدم لمشغل الفيديو؟

خيارات الإجابات:

• باستخدام خاصية controls.


• عبر JavaScript لتخصيص عناصر التحكم.


• باستخدام تنسيق فيديو مختلف.


• بتعديل خصائص CSS لمشغل الفيديو.

6. كيف يمكنك تحقيق تجربة مستخدم جيدة عند تشغيل الفيديو تلقائيًا؟

وصف: لتحقيق تجربة مستخدم جيدة عند تشغيل الفيديو تلقائيًا، يجب التأكد من أن هذه الخاصية لا تؤثر سلباً على تجربة المستخدم وتوفير خيارات للتحكم في التشغيل.

أسئلة ذات صلة:

• كيف يمكن تحسين تجربة المستخدم مع خاصية autoplay؟


• ما هي عيوب تشغيل الفيديو تلقائيًا؟


• كيف يمكن للمستخدمين إيقاف الفيديو إذا تم تشغيله تلقائيًا؟

خيارات الإجابات:

• تقديم خيارات للمستخدمين لإيقاف الفيديو.


• استخدام خاصية autoplay بحذر.


• تضمين الفيديو بدون خيارات تحكم.


• تجنب استخدام خاصية autoplay تماماً.

7. كيف يمكنك استخدام خاصية loop في وسم <video>؟

وصف: خاصية loop تُستخدم لتكرار تشغيل الفيديو تلقائيًا بعد انتهائه، مما يوفر تجربة مشاهدة متواصلة.

أسئلة ذات صلة:

• ما هي استخدامات خاصية loop في الفيديو؟


• كيف أطبق خاصية loop على مقطع فيديو؟


• هل يمكنني تكرار تشغيل الفيديو بشكل متواصل؟

خيارات الإجابات:

• لإعادة تشغيل الفيديو بشكل مستمر بعد انتهائه.


• لإيقاف الفيديو بعد تشغيله.


• لتغيير جودة الفيديو تلقائيًا.


• لتقليص حجم الفيديو.