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

جستجو در دورآموز

خانه / وبگاه / آموزش بکارگیری تگ Video در HTML5
893 برگشت

آموزش بکارگیری تگ Video در HTML5

ارین مختاری شرقی
ارین مختاری شرقی

طراح صفحات وب و برنامه نويس نرم افزار و ٣ سال برنامه نويسى سى شارپ

پنج شنبه، 10 بهمن 1398 ساعت 14:41:52
آموزش بکارگیری تگ Video در HTML5

آموزش بکارگیری تگ Video در HTML5

 تگ Video  برای به کار نمایش یک ویدیو در یک صفحه ی وب استفاده می شود  تگ Video در Html5 معرفی شده است.در این پست سعی شده است آموزشی درباره استفاده و ویژگیهای آن را به اشتراک بگذارم.

تگ Video

تگ video تگی است که در HTML5 اضافه شده و با استفاده از آن میتوان یک ویدئو ، کلیپ و یا در کل یک فایل تصویری را در یک صفحه وب قرار داد.

تگ Video در HTML5 از ۳ فرمت (یا پسوند) ویدئویی برای نمایش ویدئو در صفحات وب پشتیبانی میکند که این ۳ فرمت به شرح جدول زیر می باشد :

مرورگر mp4 webm ogg
internet explorer بله (پشتیبانی) خیر خیر
chrome
بله (پشتیبانی می شود)
بله (پشتیبانی می شود)
بله (پشتیبانی می شود)
Firefox بله (پشتیبانی می شود) بله (پشتیبانی می شود) بله (پشتیبانی می شود)
Opera بله (پشتیبانی می شود) بله (پشتیبانی می شود) بله (پشتیبانی می شود)

همانطور که در جدول بالا مشاهده مینمایید، تنها فرمت MP4 هست که در تمامی مرورگرها به خوبی پشتیبانی می شود، لذا سعی کنید همیشه از این فرمت برای فایل های ویدئویی تان استفاده نمایید.

  • MP4 > فایل های MPEG4 با کدک های ویدئویی H264 و کدک های صوتی AAC
  • WebM > فایل های WebM با کدک ویدیو VP8 و کدک صوتی Vorbis
  • Ogg > فایل های Ogg با کدک Video Theora و کدک صوتی Vorbis

مثال از تگ video در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

<body>
 
<video controls>
  <source src="video/demo.mp4" type="video/mp4">
</video>
 
</body>

 در اخر کار حاصل کد ها ای صفحه می شود:

این از سورس برنامه در صفحه ی  2020 html pad 

و در اخر صفحه ی اجرا:

 

درخواست دوره

چنانچه قصد برگزاری دوره ، مشاوره و یا سفارش پروژه را دارید ، درخواست خود را ارسال نمایید

ارسال درخواست دوره
ليلا

خيلي عالي بود استاد ا

پاسخ
خواهش می کنم.
الینا

بسیار عالی بود استاد ارین .

پاسخ
خواهش می کنم .
اسلامی

خیلی خوب بود عزیزم

پاسخ
خواهش می کنم.
اسلامی

خیلی خوب. فقط کد های مربوط به طراحی وب را در دسته ای به همین نام قرار دهید و از دسته asp.net استفاده نکنید

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