آموزش تگ Video در HTML

You are currently viewing آموزش تگ Video در HTML
video tag for html

با سلام

امیدوارم تا این لحظه از آموزش های ما لذت برده باشید.

در این آموزش قصد داریم تا شما را با تگ video در HTML آشنا کنیم.

تگ ویدیو به شما این امکان را میدهد تا ویدیو هایی که قصد دارید در سایت خود نمایش دهید را به راحتی و با یک لینک آنرا به نمایش بگذارید.

در استفاده از این تگ باید توجه داشته باشید که مرورگرهای مختلف از فرمت های ویدیویی مختلف پشتیبانی می کنند.و برای آنکه ویدیو شما به درستی ارائه شود باید از فرمت های مختلف در ارائه آن استفاده نمایید.

به طور مثال فرمت mp4 در مرورگر opera به خوبی نمایش داده نمی شود پس برای اینکه بتوانید در تمامی مرورگرها ویدیو خود را به نمایش بگذارید باید از فرمت ogg یا webm و یا mp4 استفاده نمایید.پیشنهاد ما به شما استفاده از دو فرمت ogg و mp4 بصورت همزماناست که می تواند در تمامی مرورگرها به نمایش گذاشته شود.

تگ video میتواند مقادیر طول و عرض را به شکل width و height دریافت نموده و ویدیو شما را در آن فرمت به نمایش بگذارد.

در کل برای استفاده از این تگ می توانید به صورت کلی زیر اقدام نمایید :

اما ویژگی های دیگری که می توان علاوه بر مقدار width و height به تگ ویدیو داد شامل :

مقدار autoplay که شما با درج آن و تنظیم میزان آن بر روی autoplay می توانید جهت نمایش خودکار ویدیو اقدام کنید.

مقدار control که با درج آن می توانید دکمه های pause و play و … را به کنترل کننده ویدیو خود اضافه نمایید.

مقدار loop که با فعالسازی آن می توانید ویدیو خود را پس از اتمام به صورت دائمی و در چرخش نمایش دهید.

مقدار muted که به وسیله آن می توانید ویدیو خودرا به صورت بیکلام نمایش دهید.

مقدار poster که با تعیین میزان برای آن می توانید عکسی را برای پیش نمایش بر روی ویدیو خود قرار دهید.

امیدوارم از این آموزش استفاده لازم را برده باشید .

منتظر نظرات و پیشنهادات شما هستیم.

موفق و پیروز باشید.

دیدگاهتان را بنویسید