إضافة الفيديو Video داخل الصفحة في HTML

يعتبر إدراج الفيديو في صفحات الويب من العناصر الجذابة والمفيدة التي تضيف قيمة عالية للمحتوى. يمكن تضمين مقاطع الفيديو بسهولة باستخدام علامة video في HTML، مما يسمح لك بعرض محتوى مرئي مباشر للمستخدمين دون الحاجة إلى تحميل إضافات أو برامج تشغيل خارجية. في هذا المقال، سنتعرف على كيفية إضافة الفيديو إلى صفحات الويب باستخدام HTML، مع تقديم أمثلة توضيحية لتسهيل الفهم.

كيفية استخدام علامة video

تُستخدم علامة video في HTML لتضمين الفيديوهات داخل صفحات الويب. توفر هذه العلامة العديد من الخصائص التي تتيح لك التحكم في كيفية عرض الفيديو، مثل التشغيل التلقائي، التكرار، والتحكم في مستوى الصوت. لإضافة فيديو، تحتاج إلى تحديد مصدر الفيديو باستخدام علامة source داخل علامة video. يمكنك أيضًا تحديد تنسيقات متعددة لضمان توافق الفيديو مع مختلف المتصفحات.

<video width=\"320\" height=\"240\" controls>
        
        
        المتصفح الخاص بك لا يدعم عرض الفيديو.
    </video>

خيارات التحكم في تشغيل الفيديو

تتيح لك علامة video عدة خيارات للتحكم في كيفية عرض وتشغيل الفيديو على الصفحة. على سبيل المثال، يمكنك استخدام خاصية controls لعرض عناصر التحكم الافتراضية مثل التشغيل والإيقاف وتغيير مستوى الصوت. يمكنك أيضًا استخدام خاصية autoplay لتشغيل الفيديو تلقائيًا عند تحميل الصفحة، أو loop لإعادة تشغيل الفيديو تلقائيًا بعد انتهائه.

<video width=\"320\" height=\"240\" autoplay loop>
        
        
        المتصفح الخاص بك لا يدعم عرض الفيديو.
    </video>

إضافة الفيديوهات إلى صفحات الويب باستخدام HTML تعتبر عملية بسيطة وفعالة. توفر علامة video العديد من الخصائص التي تتيح لك تخصيص كيفية عرض الفيديو وتفاعله مع المستخدمين. بإضافة عناصر التحكم المناسبة، يمكنك تحسين تجربة المستخدم وجعل المحتوى أكثر جاذبية وتفاعلية.