قدم قبلی >< قدم بعدی

ویدیو HTML

در این آموزش html  به ویدیو HTML می پردازیم.

پخش فیلم ها در HTML

قبل از HTML5، یک ویدیو فقط می تواند در یک مرورگر با یک افزونه (مانند فلاش) پخش شود.

عنصر <video> یک روش استاندارد برای جاسازی ویدیو در یک صفحه وب را مشخص می کند

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

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

 عنصر video

برای نشان دادن یک ویدیو در HTML، از عنصر <video> استفاده کنید:

چگونه کار می کند؟

ویژگی کنترل، کنترل های ویدئویی مانند بازی، مکث و حجم را اضافه می کند.

ایده خوبی است که همیشه شامل ویژگی های عرض و ارتفاع باشد. اگر ارتفاع و عرض تنظیم نشود، ممکن است صفحه هنگام بارگیری ویدیو، سوسو زده شود.

عنصر <source> به شما این امکان را می دهد که فایل های ویدئویی جایگزین را که مرورگر از آن انتخاب می کنید، مشخص کند. مرورگر از اولین فرمت شناخته شده استفاده خواهد کرد.

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

عنصرvideo پخش خودکار

برای شروع یک ویدیو به طور خودکار از ویژگی Autoplay استفاده کنید:

ویژگی Autoplay در دستگاه های تلفن همراه مانند iPad و iPhone کار نمی کند.

HTML Video – پشتیبانی مرورگر

در HTML5، ۳ فرمت ویدئو پشتیبانی شده وجود دارد: MP4، WebM، و Ogg.

پشتیبانی مرورگر برای فرمت های مختلف:

مرورگرMP4WebMOgg
Internet Explorerبلهخیرخیر
Chromeبلهبله بله
Firefoxبلهبله بله
Safariبلهخیرخیر
Operaبلهبله بله

HTML Video – انواع رسانه ها

فرمت فایلنوع رسانه
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

HTML Video – روش ها، خواص ها و رویدادها

HTML5 روش های DOM، خواص ها و وقایع را برای عنصر <video> تعریف می کند.

این اجازه می دهد تا فیلم ها را بارگیری، پخش و مکث کنید، همچنین مدت زمان و حجم تنظیم کنید.

همچنین رویدادهای DOM وجود دارد که میتوانند به شما اطلاع دهند هنگامیکه یک ویدیو شروع به پخش میکند، متوقف شده است و غیره

 

گام قبلی >< گام بعدی