میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

Video در Html

تگ Video یا ویدئو در Html چیست و چه کاربردی دارد؟

عرض سلام و خسته نباشید خدمت تمام کاربران عزیز امروز با آموزش تگ Video در Html در خدمت شما عزیزان هستیم .

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

<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
</video>

صفت controls کنترل های ویدئویی مانند پخش ، مکث و میزان صدا را اضافه می کند.
ایده خوبی است که همیشه ویژگی های height و width را در آن بگنجانید. اگر ارتفاع و عرض تنظیم نشده باشد ، هنگام بارگیری فیلم ممکن است صفحه سوسو بزند.
تگ <source> به شما امکان می دهد فایل های ویدیویی جایگزین را که مرورگر می تواند انتخاب کند ، تعیین کنید. مرورگر از اولین قالب شناخته شده استفاده خواهد کرد.
متن بین تگ <video> و </video> فقط در مرورگرهایی نمایش داده می شود که از عنصر <video> پشتیبانی نمی کنند.
برای شروع ویدیو به طور خودکار از صفت autoplay خودکار استفاده کنید .

<video width=”320″ height=”240″ autoplay>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
</video>

صفت autoplay  در دستگاه های تلفن همراه مانند iPad و iPhone کار نمی کند.

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

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

 

بیشتر
آموزش HTML – صفت عمومی id در HTML

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

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

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

<button onclick=”playPause()”>Play/Pause</button>
<button onclick=”makeBig()”>Big</button>
<button onclick=”makeSmall()”>Small</button>
<button onclick=”makeNormal()”>Normal</button>
<video id=”video1″ width=”420″>
<source src=”mov_bbb.mp4″ type=”video/mp4″>
<source src=”mov_bbb.ogg” type=”video/ogg”>
Your browser does not support HTML video.
</video>

<script> 

var myVideo = document.getElementById(“video1”); 

function playPause() { 

  if (myVideo.paused) 

    myVideo.play(); 

  else 

    myVideo.pause(); } 

function makeBig() { 

    myVideo.width = 560; } 

function makeSmall() { 

    myVideo.width = 320; } 

function makeNormal() { 

    myVideo.width = 420; } 

</script> 

 

 

امیدواریم این بخش از آموزش در مورد تگ Video در Html نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .

ارسال دیدگاه

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

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟