نمایش ویدئو یا فیلم درون وبسایت از جنبه های مختلف حائز اهمیت است. خیلی بهتر کاربر به سایت جذب و زمان بیشتری درون سایت می ماند. از سوی دیگر وبسایت های فروشگاهی با اینکار نحوه عملکرد و کیفیت محصول را به مشتری نمایش میدهند. تگ ویدیو (html video tag) در زبان برنامه نویسی HTML اینکار را برای ما انجام میدهد. البته در زمان استفاده از ورپرس و امثال آن به صورت کاربری گرافیکی انجام می گردد.
تگ ویدیو در HTML
ویدیو از محبوبیت بالایی برخوردار است. به گونه ای که برنامه و وبسایت هایی همچون اینستاگرام ، روبیکا ، یوتیوب و آپارات به همین دلیل نزد کاربرها محبوب گردیده اند. در صورتیکه از پایه طراحی سایت خود را انجام میدهید. لازم است که برای نمایش یک فیلم از کد فوق استفاده نمایید.
<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>
در کد بالا کافیست آدرس ویدئو خود را در src قرار بدهید. ابعاد مورد نظر جهت نمایش در width و height قابل تنظیم می باشد.
پشتیبانی مرورگر از تگ ویدیو
حداقل یا اولین نسخه های مورد نیاز هر مرورگر در جدول زیر جهت پشتیبانی را نمایش میدهد.
Element | |||||
---|---|---|---|---|---|
<video> | 4.0 | 9.0 | 3.5 | 3.11 | 11.5 |
ویژگی های تگ video
ویژگی | مقدار | توضیحات |
---|---|---|
autoplay | autoplay | مشخص می کند که ویدیو به محض آماده شدن شروع به پخش می کند. |
controls | controls | مشخص می کند که کنترل های ویدئویی باید نمایش داده شوند (مانند دکمه پخش/مکث و غیره). |
height | pixels | ارتفاع پخش کننده ویدیو را تنظیم می کند. |
loop | loop | مشخص می کند که هر بار که ویدیو تمام می شود، دوباره از نو شروع می شود. |
muted | muted | مشخص می کند که خروجی صوتی ویدیو باید بی صدا باشد. |
poster | URL | تصویری را مشخص می کند که در حین بارگیری ویدیو یا تا زمانی که کاربر دکمه پخش را بزند، نمایش داده شود. |
preload | auto metadata none | مشخص می کند که آیا و چگونه نویسنده فکر می کند که ویدیو باید هنگام بارگیری صفحه بارگیری شود یا خیر. |
src | URL | آدرس فایل ویدیویی را مشخص می کند. |
width | pixels | عرض پخش کننده ویدیو را تنظیم می کند. |
گروه نمای من در زمینه برنامه نویسی تحت وب ، دانش کاملی دارد. یکی از این زبان های مورد نیاز در خصوص HTML و استفاده از تگ ها می باشد. این زبان در حین سادگی از کاربرد بالایی برخوردار است. از سوی دیگر شروع یک فعالیت به شمار میرود.
با توجه به اهیمت ویدئو ، این تگ بسیار مهم و کاربردی در امر جذب بازدیدکننده به شمار میرود.