الفيديو في 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” 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 | لا | نعم | نعم |