برچسب <video> HTML

تعریف و استفاده

<video> برچسب برای جاگذاری محتوای ویدیو در مستند، مانند کلیپ‌های ویدیویی یا جریان‌های ویدیویی دیگر استفاده می‌شود.

<video> برچسب شامل یک یا چند منبع ویدیو با منابع مختلف است برچسب <source>در مرورگرهایی که پشتیبانی نمی‌کنند نمایش داده می‌شوند. مرورگر اولین منبعی که پشتیبانی می‌کند را انتخاب می‌کند.

<video> و </video> تنها متون بین برچسب‌ها در <video> در مرورگرهای برچسب‌های مربوطه نمایش داده می‌شود.

HTML از سه فرمت ویدیو پشتیبانی می‌کند: MP4، WebM و OGG.

مرورگر MP4 WebM Ogg
Edge پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند
Chrome پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند
Firefox پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند
Safari پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی نمی‌کند
Opera پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند

همچنین ببینید:

دستورالعمل HTML DOM:دستورالعمل مرجع DOM Audio/Video HTML

مثال

پخش ویدیو:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  مرورگر شما برچسب ویدیو را پشتیبانی نمی‌کند.
</video>

آزمایش کنید!

توضیحات و یادداشت‌ها

توضیح:برای فایل‌های صوتی، به برچسب <audio> مراجعه کنید.

ویژگی‌های اختیاری

ویژگی مقدار توضیح
autoplay autoplay تعیین اینکه ویدیو باید بلافاصله پس از آماده شدن پخش شود.
controls controls تعیین کنترل‌هایی که باید نمایش داده شوند (مثلاً دکمه‌های پخش/توقف و غیره).
ارتفاع پیکسل تنظیم ارتفاع پخش‌کننده ویدیو.
loop loop تعیین اینکه ویدیو در پایان هر بار باید دوباره شروع شود.
ساکت ساکت تعیین اینکه باید صدای ویدیو ساکت شود.
poster URL تعیین تصویری که باید در طول بارگذاری ویدیو یا قبل از کلیک بر روی دکمه پخش نمایش داده شود.
preload
  • خودکار
  • metadata
  • هیچ‌چیزی
 تعیین اینکه ویدیو باید در زمان بارگذاری صفحه بارگذاری شود یا چگونه بارگذاری شود.
src URL تعیین URL فایل ویدیو.
عرض پیکسل تنظیم عرض پخش‌کننده ویدیو.

ویژگی‌های جهانی

<video> برچسب‌ها همچنین از ویژگی‌های جهانی در HTML.

ویژگی‌های رویداد

<video> برچسب‌ها همچنین از ویژگی‌های رویداد در HTML.

تنظیمات پیش‌فرض CSS

بدون.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگر پشتیبانی‌کننده از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5