ویدیو (video)
تگ «video» برای جاسازی «ویدیو (Video)» در صفحه است. این تگ یک پخش کننده ساده می سازد. سپس مرورگر اولین فرمت پشتیبانی شده را پخش می کند. معمولاً از MP4، WebM، یا OGG استفاده می کنیم.
تعریف و کاربرد تگ video
تگ «video» کلیپ ویدیو را در سند قرار می دهد. معمولاً چند تگ «source» داخلش می گذاریم. مرورگر نخستین منبع سازگار را پخش می کند. متن بین «video» و «/video» فقط در مرورگرهای قدیمی دیده می شود.
مثال: پخش یک ویدیو با دو منبع
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
ویژگی های پرکاربرد
می توانی از «controls»، «autoplay»، «loop»، «muted»، «preload»، «poster»، «width»، «height» و «src» استفاده کنی. «controls» دکمه ها را نشان می دهد. «poster» تصویر کاور است. «preload» نحوه بارگذاری را تعیین می کند.
مثال: پوستر، بی صدا، تکرار
<video width="480" height="270" controls poster="thumb.jpg" muted loop preload="metadata">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
Your browser does not support the video tag.
</video>
نکته: برای صدا از تگ audio استفاده کن. مدیریت منبع ها با تگ source انجام می شود.
راهنمای عملی پخش ویدیو
- فایل های mp4 یا webm آماده کن.
- تگ «video» را با «controls» بگذار.
- چند «source» با نوع درست اضافه کن.
جمع بندی سریع
- video پخش کننده ویدیو می سازد.
- چند منبع بگذار تا سازگار شود.
- controls دکمه ها را نمایش می دهد.
- poster تصویر کاور ویدیو است.
- preload رفتار بارگذاری را مشخص می کند.