انتقل إلى محتوى الدرس

Introduction to HTML Video Element مفهوم عنصر الفيديو video

احترف تشغيل الفيديو في HTML5: أدوات التحكم الأصيلة، وسياسات التشغيل التلقائي، ودعم الصيغ المتعددة، وصور الغلاف التمهيدية، ومسارات ترجمة WebVTT، وتحسين الأداء والتحميل المسبق.
5 صفوف تعليمية
لغة HTML
15,968 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
قبل اعتماد معيار HTML5 في الويب الحديث، كان تشغيل مقاطع الفيديو يتطلب تثبيت إضافات خارجية محتكرة في المتصفح، وكان أشهرها مشغل الفلاش. وقد تسببت تلك الملحقات الخارجية في ثغرات أمنية خطيرة واستهلاك شرس لبطاريات الهواتف وإعاقة برمجيات قراءة الشاشة. وجاء عنصر video الأصيل في HTML5 ليحدث ثورة تقنية جذرية؛ حيث وفر وسيلة قياسية مدمجة لتضمين وتشغيل ملفات الفيديو مباشرة داخل المتصفحات دون الحاجة لأي برمجيات إضافية.
الصف 2 شرح توضيحي
يعتبر عنصر video وسماً مزدوجاً يتألف من وسم بداية ووسم إغلاق، ويحتضن بداخله مسارات المصادر أو رسائل بديلة للمتصفحات القديمة. وبمجرد قراءة المتصفح لهذا الوسم، يشغل محرك الوسائط الرقمي المدمج، ويوفر أزرار العرض مع تنزيل تدفق الفيديو جزئياً عبر الشبكة لتفادي تأخير العرض.
الصف 3 كود برمجي

Native HTML5 Video Player Elementتضمين مشغل الفيديو القياسي في HTML5

إدراج مشغل فيديو مدمج مع شريط التحكم والأبعاد القياسية ونص بديل.
HTML
<video src="closetag-intro.mp4" width="420" height="170" controls>
  Your browser does not support HTML5 video playback.
</video>
الصف 4 معاينة حية

HTML5 Video Player Live Renderمعاينة مشغل الفيديو القياسي في المتصفح

عرض متصفح لمشغل الفيديو المدمج مع أزرار التشغيل وشريط التقدم.
الصف 5 ملاحظة هامة