HTML Tutorial

عنصر <video>

استخدام عنصر <video>

يستخدم عنصر <video> لإدراج مقاطع الفيديو في صفحات الويب.

خصائص عنصر <video>

  • src: عنوان URL لمقطع الفيديو
  • width: عرض مقطع الفيديو بالبكسل
  • height: ارتفاع مقطع الفيديو بالبكسل
  • autoplay: تشغيل مقطع الفيديو تلقائيًا عند تحميل الصفحة
  • controls: عرض عناصر التحكم في الفيديو، مثل زر التشغيل والإيقاف المؤقت
  • loop: تكرار مقطع الفيديو عند انتهائه

أمثلة على عنصر <video>

<video src="video.mp4" width="320" height="240"></video>

سيؤدي هذا المثال إلى إدراج مقطع فيديو بعنوان "video.mp4" بعرض 320 بكسل وارتفاع 240 بكسل في صفحة الويب.

استكشاف عنصر <video>

للتعمق في عنصر <video>، جرب المثال التالي:

<!DOCTYPE html>
<html>
<head>
  <title>Exploring the <video> Tag</title>
</head>
<body>
  <h1>Exploring the <video> Tag</h1>
  <video src="video.mp4" width="320" height="240" controls autoplay></video>
</body>
</html>

سيعرض هذا المثال مقطع فيديو مع عناصر التحكم التي تتيح لك تشغيل الفيديو وإيقافه مؤقتًا والتقدم فيه.