Posted in HTML5

الفيديو في HTML5


الفيديو في HTML5

HTML5 video

لحد الان لا يوجد اي طريقة موحدة لعرض الفيديو علي صفحات الانترنت .. كل الفيديوهات تقريبا هذه الايام تعمل عن طريق الفلاش

HTML5   تظهر عنصر جديد مسمي بالفيديو وهو لعرض الفيديو بدون الحاجة الي ملحقات اضافية كالفلاش

<video>

 المتصفحات التي تدعم التاج المسمي بالفيديو  <video>

  • الغبي انترنت اكسبلورر 9
  • فايرفوكس
  • اوبرا
  • كروم
  • سفاري

كيف يعمل الفيديو في HTML5

انها بعض الاكواد البسيطه التي تستطيع كتابتها ليظهر لك الفيديو

<!DOCTYPE html>

<html>

<body>

<video width=”320″ height=”240″ controls=”controls”>
<source src=”movie.mp4″ type=”video/mp4″ />
<source src=”http://www.w3schools.com/html5/movie.ogg&#8221; type=”video/ogg” />
Your browser does not support the video tag.
</video>

</body>

</html>

الخاصية  control تقوم باضافة الازرار تشغيل و ايقاف وللتحكم بالصوت

يجب وضع الخاصية width  و height لن المتصحف لا يعلم ما هي المساحة المحجوزة في الصفحة للفيديو .. فعند عدم تمكين هذه الخواص تظهر عيوب في شكل وتصميم الصفحة

ايضا يجب كتابة اي شئ بين العنصر فيديو واغلاقه .. تعرض هذه الجملة عندما يكون المتصحف لا يدعم الفيديو او HTML5

المصفحات التي تدعم امتدادات الفيديو

يوجد ثلاثة انواع للفيديو مدعومة في HTML5  و <video> .. وهم . MP4و  WebM, و  Ogg:

 

المتصحف MP4 WebM Ogg
اكسبلورر 9 نعم لا لا
فايرفوكس 4 لا نعم نعم
كروم 6 نعم نعم نعم
سفاري 5 نعم لا لا
اوبرا 10,4 لا نعم نعم

الكاتب:

مبرمج ومطور ويب مصري الجنسية - من مواليد محافظة المنيا

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s