ویدیو HTML

بخش چهل و پنجم-ویدیو HTML

[button color=”blue” size=”medium” link=”https://aloposhtiban.com/html-media/” icon=”” target=”false”] قدم قبلی >[/button] [button color=”blue” size=”medium” link=”https://aloposhtiban.com/html-audio/” icon=”” target=”false”]< قدم بعدی [/button]

ویدیو 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.

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

مرورگر MP4 WebM Ogg
Internet Explorer بله خیر خیر
Chrome بله بله  بله
Firefox بله بله  بله
Safari بله خیر خیر
Opera بله بله  بله

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

فرمت فایل نوع رسانه
MP4 video/mp4
WebM video/webm
Ogg video/ogg

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

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

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

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

 

[button color=”blue” size=”medium” link=”https://aloposhtiban.com/html-media/” icon=”” target=”false”] گام قبلی >[/button] [button color=”blue” size=”medium” link=”https://aloposhtiban.com/html-audio/” icon=”” target=”false”]< گام بعدی [/button]

مطالب مرتبط:

گوگل آنالیتیکس چیست؟

تاثیر ساب دامین بر روی سئو سایت

تفاوت SEO و SEM چیست ؟

فایروال چیست و چگونه کار می کند؟

منبع:الو پشتیبان – ارائه دهنده مقالات: خطاهای وردپرسرسانه های اجتماعیمدرس وردپرس

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
برای ادامه، شما باید با قوانین موافقت کنید

فهرست