آموزش تگ ویدئو در HTML با مثال

۵ HTML از تگ <video> نیز پشتیبانی می کند. از تگ ویدئو برای پخش فایل های ویدئویی مانند کلیپ فیلم، کلیپ آهنگ در صفحه وب استفاده می شود.

در حال حاضر، سه قالب ویدیویی برای تگ ویدئو در HTML پشتیبانی می شود:

1. mp4
2. webM
3. ogg

جدول زیر مشخص کند کدام مرورگر وب از قالب فایل ویدیویی پشتیبانی می کند.

Mp4	webM	ogg	نام مرورگر
بله	نه	نه	Internet Explorer
بله	بله	بله	Google Chrome
بله	بله	بله	Mozilla Firefox
نه	بله	بله	Opera
بله	نه	نه	Apple Safari

• اندروید نیز از قالب mp4 پشتیبانی می کند.

مثال برای تگ Video در HTML

در کد زیر برای پخش فایل mp4 از تگ video استفاده شده است.

<video controls>
  <source src=”movie.mp4″ type=”video/mp4″>
  Your browser does not support the html video tag.
</video>

در مثال زیر برای پخش فایل ogg از تگ ویدیو استفاده شده است.

<video controls>
   <source src=”movie.ogg” type=”video/ogg”>
  Your browser does not support the html video tag.
</video>

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

نام عنصر	Chrome	IE	Firefox	Opera	Safari
<video>	بله	بله	بله	بله	بله

ویژگی های تگ Video در HTML

جدول زیر لیستی از ویژگی ها یا همان صفات تگ ویدئو در HTML 5 را نشان می دهد.

مثال از ویژگی های تگ Video در HTML

مثال زیر تگ ویدیو را در HTML نشان می دهد که در آن از صفات height، width، autoplay،controls و loop استفاده شده است.

<video width=”320″ height=”240″ controls autoplay loop>
  <source src=”movie.mp4″ type=”video/mp4″>
  Your browser does not support the html video tag.
</video>

انواع MIME برای قالب ویدئویی در HTML

نوع MIME موجود برای تگ video در جدول زیر آورده شده است.