برچسب <video> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
یک فیلم یا ویدئو تعریف می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک ویدیو را پخش کنید:

تعریف و کاربرد

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

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

متن موجود بین برچسب‌های <video> و </video>، فقط در مرورگرهایی نمایش داده می‌شود که از عنصر <video> پشتیبانی نمی‌کنند.

سه فرمت ویدیویی پشتیبانی‌شده در اچ‌تی‌ام‌ال موجود است: MP4 ،WebM و OGG.

Internet Explorer / Edge Chrome Firefox Safari Opera
MP4 بله بله بله بله بله
WebM خیر بله بله خیر بله
Ogg خیر بله بله خیر بله


نکات و ملاحظات

نکته: برای فایل‌های صوتی، به برچسب <audio> نگاه بیاندازید.

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

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<video> ۴٫۰ ۹٫۰ ۳٫۵ ۳٫۱ ۱۱٫۵

ویژگی‌های انتخابی

ویژگی مقدار شرح
autoplay autoplay مشخص می‌کند که به محض آماده بودن ویدیو، شروع به پخش بکند
controls controls مشخص می‌کند که کنترل‌گرهای ویدیو باید نمایش داده شوند (مثل دکمه‌های پخش/مکث و غیره).
height pixels ارتفاع ویدیو پلیر را تنظیم می‌کند
loop loop مشخص می‌کند که ویدیو هر بار که به پایان رسید، دوباره شروع به پخش از اول کند
muted muted مشخص می‌کند که خروجی صدای ویدیو باید بی‌صدا (mute) شود
poster URL مشخص می‌کند که در طول زمانی که ویدیو در حال دانلود است یک تصویر نمایش داده شود، یا تا موقعی که کاربر روی دکمهٔ پخش کلیک نکرده تصویر نمایش داده شود
preload auto

metadata

none

مشخص می‌کند اگر و چگونه، سازنده فکر می‌کند ویدیو باید بارگذاری شود، وقتی که صفحه در حال بارگذاری است
src URL URL فایل ویدیویی را مشخص می‌کند
width pixels پهنای ویدیو پلیر را تنظیم می‌کند

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

همچنین برچسب <video> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

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

همچنین برچسب <video> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: مرجع DOM صوتی/ویدیویی اچ‌تی‌ام‌ال

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

ندارد.

aaaaaaaa


منابع آموزشی