بسم الله الرحمن الرحيم
من احد اهداف تطوير HTML5 هو ان تدعم الـ tag-based multimedia وذلك يعني ان يكون هناك tag مخصص لكل نوع من الملتميديا كالصوت والفيديو مثلا ، حيث انه سابقا اذا كنت تريد
ان ترفق صوت او فيديو داخل ملف الـ HTML ان عليك استخدام embed tag و object tag ولكن مع HTML5 هناك tags مخصصة لهذه العملية وهذا هو الموضوع لهذه المقالة لذلك
سوف نبدأ اولا بـ video tag
وهذه هي الصيغة العامة :
<video src="http://video_name.mp4" width="640" height="360" controls> <strong>HTML5 video element </strong> </video>
والـ video tag تحتوي على العديد من الـ attributes كما في الـ code السابق مثل src اختصار لـ source والذي يشير الى مكان وجود الفيديو ، كذلك الـ width والـ height التي تحدد
عرض وارتفاع مقطع الفيديو .
واذا لاحظت فإن الـ HTML5 code السابق هو ليس strict وذلك لوجود attribute بدون قيمة"value " وهذه الـ attribute هي controls الموجودة في الـ start tag لذلك اذا اردنا ان
يكون كل ما نكتب strict يجب ان يتم بالشكل التالي
<video src="http://video_name.mp4" width="640" height="360" controls="controls"> <strong>HTML5 video element </strong> </video>
والان ننتقل للـ audio tag والذي يشبه الـ video tag كثيرا ، وهذه هي الصيغة العامة له :
<audio controls autobuffer autoplay> <source src="http://htmlref.com/ch2/music.ogg" type="audio/ogg"> <source src="http://htmlref.com/ch2/music.wav" type="audio/wav"> </audio>
ونلاحظ هنا استخدام اكثر من source لنفس مقطع الصوت وذلك مفيد في حالة ان بعض المتصفحات قد لا تدعم بعض صيغ الصوت لذلك نضع مصدر المقطع بأكثر من صيغة لضمان العمل
ونلاحظ ايضا بعض الـ attributes مثل الـ autobuffer الذي يتيح التخزين المؤقت التلقائي لمقطع الصوت والـ autoplay الذي يتيح البدأ التلقائي لمقطع الصوت .