كيفية ادراج فيديو في صفحة الويب بلغة html
السلام عليكم ورحمة الله
سنتعرف في هذا الدرس علي كيفية ادراج فيديو في صفحة الويب بلغة html
توجد اكثر من طريقة لادراج الفيديو علي صفحه الويب بلغة html يتم انشاء الفيديو من خلال وسم <video> وله وسم نهاية ايضاً وفيما يلي شرح الاكود بالتفصيل.
كود اضافة فيديو في صفحة الويب بلغة html
<body><video height="240" width="400" controls="controls"><source src="movie.mp4" type="video/mp4"></video></body>
نلاحظ من هذا الكود السابق:
1. ان عنصر الفيديو ينشأ باستخدام الوسم <video>.
2. ان عنصر الفيديو <video> ينشئ بين وسمين <body>.
3.قمنا بتمرير الواصفة height الي الوسم <video> لتحديد ارتفاع الفيديو والواصفة width لتحديد عرض الفيديو.
4. قمنا بتمرير الواصفة contrls و وضعنا بداخلها القيمه (controls) التي تستخدم عرض شريط الادوات في مشغل الفيديو.
5. قمنا بأضافة مسار الفيديو source لأضافة رابط الفيديو داخل الواصفة src.
6. قمنا بأضافة الواصفة type لكي نضع بها نوع ملف الفيديو وهو (mp4) ويوجد العديد من انواع ملف الفيديو مثل (mp4/ ogg / mp3) ونقوم بأضافة نوع ملف الفيديو داخل الواصفة type بهذه الطريقة (video/mp4)
ملاحظة بسيطة:-
يوجد العديد من الواصفات التي يمكن اضافتها لوسم الفيديو مثل الواصفة controls سيتم توضيحها في هذه الصورة الأتية:
ويمكننا ايضاً اضافة اكثر من مسار للفيديو الواحد في حالة عدم توافق نوع ملف الفيديو مع المتصفح فيقوم باستخدام احد المسارات الأخرى التي تصلح له وفيما يلي الكود الذي يوضح الملاحظة السابقة
<body><video height="240" width="400" controls="controls"><source src="movie.mp4" type="video/mp4""><source src="movie.mp3" type="video/mp3"><source src="movie.ogg" type="video/ogg"></video></body>
نلاحظ من هذا الكود السابق:
1. قمنا بأضافة العديد من المسارات لكي يختار منها المتصفح نوع الملف الذي يدعمه
وفي نهاية هذا الدرس نرجو ان نكون قد افدناكم حتي لو بالقليل وشكراً
الدروس السابقة:
تكلمنا في هذا الدرس عن
كيفية اضافة فيديو في صفحة الويب بلغة html, طريقة إضافة فيديو بلغة html, كود اضافة فيديو بلغة html
تعليقات
إرسال تعليق