دليل مرجع HTML

مجمع علامات HTML

HTML: <video> علامة

HTML <video> العنصر يستخدم لدمج مشغلات الوسائط في مستندات HTML أو XHTML، ويستخدم لدعم تشغيل الفيديو داخل المستند. يمكنك أيضًا استخدام علامة <video> للعناصر الصوتية، ولكن العنصر <audio> قد يكون أكثر ملاءمة من حيث تجربة المستخدم.

مثال على الإنترنت

عرض الفيديو عبر video:

مثال

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>استخدام علامة HTML video (دليل أساسي من موقع oldtoolbag.com)</title>
</head>
<body>
<video controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.webm" type="video/webm">
　　<p>متصفحك لا يدعم فيديو HTML5. إليك
　　　　　a　<a　href="movie.mp4">رابط إلى الفيديو</a> بدلاً من ذلك.</p>
</video>
</body>
</html>

اختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الرئيسية.

تعريف وتعليمات الاستخدام للعلامة

تعرف علامة <video> الفيديو، مثل مقاطع الفيلم أو تدفقات الفيديو الأخرى.

حاليًا، يدعم عنصر <video> ثلاثة تنسيقات فيديو: MP4، WebM، Ogg.

المتصفحات	MP4	WebM	Ogg
Internet Explorer	نعم	لا	لا
Chrome	نعم	نعم	نعم
Firefox	نعم من إصدار Firefox 21 فما فوق من إصدار Firefox 30 في نظام Linux	نعم	نعم
Safari	نعم	لا	لا
Opera	نعم من إصدار Opera 25 فما فوق	نعم	نعم

MP4 = ملفات MPEG 4 تستخدم م编كواد H264 للفيديو ومكواد AAC للصوت
WebM = ملفات WebM تستخدم م编كواد VP8 للفيديو ومكواد Vorbis للصوت
Ogg = ملفات Ogg تستخدم م编كواد Theora للفيديو ومكواد Vorbis للصوت

نوع MIME للأصوات

التنسيق	نوع MIME
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

الفرق بين HTML 4.01 وHTML5

علامة <video> هي علامة جديدة في HTML5.

إشارات وتحذيرات

إشارة:يمكن وضع محتوى النص بين علامات <video> و</video>، حتى يتمكن المتصفحات التي لا تدعم عنصر <video> من عرض معلومات هذه العلامة.

خصائص اختيارية

جديد: خصائص جديدة في HTML5.

الخصائص	القيمة	وصف
autoplayHTML5	autoplay	إذا كان لهذا الخصائص، يتم بدء العرض على الفور عند استعداد الفيديو.
controlsHTML5	controls	إذا كان لهذا الخصائص، يتم عرض التحكم في المستخدم، مثل زر اللعب.
طولHTML5	بكسل	إعداد طول مشغل الفيديو.
loopHTML5	loop	إذا كان لهذا الخصائص، يتم بدء العرض مرة أخرى بعد انتهاء ملف الوسائط.
mutedHTML5	muted	إذا كان لهذا الخصائص، يتم سماع صوت الفيديو بصوت صامت.
posterHTML5	URL	تحديد الصورة التي سيتم عرضها أثناء تحميل الفيديو حتى يتم النقر على زر اللعب.
preloadHTML5	auto metadata لا شيء	إذا كان لهذا الخصائص، يتم تحميل الفيديو عند تحميل الصفحة، وتحضير العرض. إذا تم استخدام "autoplay"، يتم تجاهل هذا الخصائص.
srcHTML5	URL	URL الفيديو الذي سيتم عرضه.
عرضHTML5	بكسل	إعداد عرض عرض مشغل الفيديو.

خصائص العالمية

دعم <video> علامة خصائص العالمية في HTML.

خصائص الحدث

دعم <video> علامة خصائص الحدث في HTML.

HTML: <wbr> علامة HTML: <var> علامة