| [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
قبل از HTML5، یک ویدیو فقط می تواند در یک مرورگر با یک افزونه (مانند فلاش) پخش شود.
عنصر <video> یک روش استاندارد برای جاسازی ویدیو در یک صفحه وب را مشخص می کند
پشتیبانی مرورگر
اعداد در جدول اولین نسخه مرورگر را مشخص می کند که به طور کامل از عنصر <video> پشتیبانی می کند.
عنصر video
برای نشان دادن یک ویدیو در HTML، از عنصر <video> استفاده کنید:
|
1 2 3 4 5 |
<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> |
چگونه کار می کند؟
ویژگی کنترل، کنترل های ویدئویی مانند بازی، مکث و حجم را اضافه می کند.
ایده خوبی است که همیشه شامل ویژگی های عرض و ارتفاع باشد. اگر ارتفاع و عرض تنظیم نشود، ممکن است صفحه هنگام بارگیری ویدیو، سوسو زده شود.
عنصر <source> به شما این امکان را می دهد که فایل های ویدئویی جایگزین را که مرورگر از آن انتخاب می کنید، مشخص کند. مرورگر از اولین فرمت شناخته شده استفاده خواهد کرد.
متن بین برچسب های <video> و </ video> فقط در مرورگرهایی که از عنصر <video> پشتیبانی نمی شود نمایش داده می شود.
عنصرvideo پخش خودکار
برای شروع یک ویدیو به طور خودکار از ویژگی Autoplay استفاده کنید:
|
1 2 3 4 5 |
<video width="320" height="240" autoplay> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> |
ویژگی 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] |
مطالب مرتبط:
تاثیر ساب دامین بر روی سئو سایت
فایروال چیست و چگونه کار می کند؟
منبع:الو پشتیبان – ارائه دهنده مقالات: خطاهای وردپرس– رسانه های اجتماعی – مدرس وردپرس
