تعلم لغة html : اضافة مشغل الصوت والفيديو لصفحة ويب Video Audio

تعلم لغة html : اضافة مشغل الصوت والفيديو لصفحة ويب Video Audio

ابراهيم زكاغ

2/09/2017

اضافة مقطع فيديو أو صوتي على صفحة ويب لم يعد أمرا معقدا كما كان الأمر من قبل. فال html5 سمح وسهمل بإدراج هذا النوع من الملفات بدون صعوبة.

الدرس بالفيديو:



اضافة فيديو

<video>

</video>

عناصر التحكم:
src مصدر الفيديو (مكان التخزين)
poster صورة تظهر قبل تشغيل الفيديو
width العرض
height الطول
controls اظهار أزرار التحكم في الصوت والتشغيل
loop إعادة تشغيل الفيديو تلقائيا
autoplay تشغيل الفيديو بمجرد فتح الصفحة

<video src="" width="" height="" poster="" loop controls>
</video>

النتيجة:


اضافة مقطع صوتي

بالنسبة للملفات الصوت، فالمشغل يعمل بنفس طريقة الفيديو

الكود

<audio src="" width="" height="" poster="" loop controls>
</audio>

النتيجة:

يسؤبي

دورة تصميم المواقع html css

ابراهيم زكاغ 2/09/2017