تگ های HTML – تگ video
سلام
با معرفی تگ <video> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <video>
۱ ۲ ۳ ۴ ۵ |
<video width="۳۲۰" height="۲۴۰" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> |
- معرفی و کاربرد
تگ <video> برای گذاشتن یک ویدئو استفاده میشود.
در تگ <video> چندین تگ <source> برای مرورگرهای مختلف بکار می رود، که هر مرورگری که از هر تگ <source> پشتیبانی کند آن را انتخاب میکند و نمایش میدهد.
متن هایی که بین تگ <video> و <video/> قرار میگیرد، فقط موقعی نمایش داده میشود که از تگ <video> پشتیبانی نمیکنند.
سه فرمت ویدئویی پشتیبانی شده در HTML وجود دارد: MP4,WebM و OGG.
تگ هایی که گفته شده در چه مرورگرهایی پشتیبانی میشوند؟
مرورگر |
MP4 |
WebM |
Ogg |
Edge |
بله |
بله |
بله |
Chrome |
بله |
بله |
بله |
Firefox |
بله |
بله |
بله |
Safari |
بله |
بله |
نه |
Opera |
بله |
بله |
بله |
- پشتیبانی در مرورگرها
عنصر | |||||
---|---|---|---|---|---|
video | ۴.۰ | ۹.۰ | ۳.۵ | ۳.۱ | ۱۱.۵ |
- ویژگی های اختیاری
ویژگی |
مقدار |
توضیحات |
autoplay |
autoplay |
در صورتی که وجود داشته باشد ویدئو به محض اینکه آماده شود خود به خود پخش می شود. |
controls |
controls |
برای افزودن کنترل های play ،pause و صدا بکار برده می شود. |
height |
pixels |
ارتفاع پخش کننده ویدئو را تنظیم می کند. |
loop |
loop |
در صورت وجود پس از اتمام نمایش ویدئو پخش آن دوباره شروع می شود. |
muted |
muted |
مشخص کننده قطع صدا به طور پیش فرض برای ویدئو است. |
poster |
URL |
مشخص کننده تصویری است که به عنوان پیش نمایش ویدئو از آن استفاده می کند. مقدار آن یک url یا آدرس اینترنتی است. |
preload |
auto |
در صورت وجود ویدئو در زمان لود صفحه، لود شده و آماده اجرا می شود. اگر autoplay وجود داشته باشد این خاصیت نادیده گرفته می شود. |
src |
URL |
آدرس ویدئویی که باید پخش شود. |
width |
pixels |
پهنای پخش کننده ویدئو را تنظیم می کند. |
معرفی تگ <video> به پایان رسید.
چنانچه مشکلی در استفاده از این تگ داشتید، در بخش پرسش و پاسخ سایت مشکل خود را مطرح کنید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید