يقدم العنصر <video> أزرار تشغيل، إيقاف التشغيل، وضبط الصوت للتحكم في الفيديو.
في نفس الوقت، يوفر العنصر <video> خصائص width و height للتحكم في حجم الفيديو. إذا تم تعيين الارتفاع والعرض، سيتم احتفاظ بالمساحة اللازمة للفيديو عند تحميل الصفحة. إذا لم يتم تعيين هذه الخصائص، لا يعرف المتصفح حجم الفيديو، ولن يتم احتفاظ بالمساحة المحددة عند التحميل، وسيتغير حجم الصفحة بناءً على حجم الفيديو الأصلي.
يتم تضمين محتوى بين علامات <video> و</video> لعرضه على المتصفحات التي لا تدعم عنصر video.
تنسيقات الفيديو وتحديد دعم المتصفح
حاليًا، العنصر <video> يدعم ثلاثة تنسيقات فيديو: MP4، WebM، و Ogg:
المتصفح
MP4
WebM
Ogg
Internet Explorer
نعم
لا
لا
Chrome
نعم
نعم
نعم
Firefox
نعم
نعم
نعم
Safari
نعم
لا
لا
Opera
نعم (من Opera 25)
نعم
نعم
MP4 = ملفات MPEG 4 تحتوي على تشفير الفيديو H.264 و تشفير الصوت AAC
WebM = ملفات WebM تحتوي على تشفير الفيديو VP8 و تشفير الصوت Vorbis
Ogg = ملفات Ogg تحتوي على تشفير الفيديو Theora و تشفير الصوت Vorbis
تنسيق الفيديو
التنسيق
نوع MIME
MP4
video/mp4
WebM
video/webm
Ogg
video/ogg
HTML5 <video> - التحكم باستخدام DOM
عناصر <video> و <audio> في HTML5 تملك طرق وخصائص وأحداث.
يمكن استخدام JavaScript للتحكم في طرق وخصائص وأحداث عناصر <video> و <audio>.
الطريقة تستخدم لتشغيل، إيقاف التشغيل، وتحميل، إلخ. يمكن قراءة أو تعيين الخصائص (مثل الوقت،音量 إلخ). يمكن أن تنقل DOM الأحداث لك، على سبيل المثال، عن <video> العنصر يبدأ التشغيل، تم إيقاف التشغيل، تم التوقف، إلخ.
الطريقة البسيطة في المثال تظهر كيفية استخدام عنصر <video> لقراءة وتعيين الخصائص وكيفية استدعاء الطرق.
مثال عبر الإنترنت 1
أنشئ عنصر تحكم بسيط لتشغيل/إيقاف التشغيل وتغيير حجم الفيديو:
في المثال أعلاه، تم استدعاء طريقتين: play() و pause(). كما تم استخدام خصائص اثنتين: paused و width.