٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش ویدیوی HTML

از <video>عنصر HTML برای نشان دادن فیلم در یک صفحه وب استفاده می شود. عنصر HTML <video> برای نمایش یک فیلم در HTML ، از <video>عنصر استفاده کنید : مثال <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…

محمد یوسفی

3 جولای 2021

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

عنصر HTML <video>

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

مثال

<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>

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

این controlsویژگی کنترل های ویدئویی مانند پخش ، مکث و میزان صدا را به آن اضافه می کند.

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

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

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


HTML <video> پخش خودکار

برای شروع خودکار فیلم ، از autoplayویژگی استفاده کنید :

مثال

<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>

توجه: مرورگرهای Chromium در بیشتر موارد اجازه پخش خودکار را نمی دهند. با این حال ، پخش خودکار بی صدا همیشه مجاز است.

mutedبعد اضافه کنید autoplayتا ویدیوی شما شروع به پخش خودکار کند (اما بی صدا است):

مثال

<video width="320" height="240" autoplay muted>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

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

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


قالب های ویدیویی HTML

سه فرمت ویدئویی پشتیبانی شده وجود دارد: MP4 ، WebM و Ogg. پشتیبانی مرورگر از قالب های مختلف این است:


ویدئو HTML – انواع رسانه ها


ویدیوی HTML – روش ها ، ویژگی ها و رویدادها

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

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

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

مثال: با استفاده از JavaScript

   

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها