HTML ဗီဒီယို

<video>ဝဘ်စာမျက်နှာပေါ်တွင် ဗီဒီယိုတစ်ခုပြသရန် HTML အစိတ်အပိုင်းကို အသုံးပြုသည်။

ဥပမာ

Big Buck Bunny ၏ အဆိုအရ

HTML <video> Element

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>

Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် <video>ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Element
<video>	4.0	9.0	3.5	4.0	10.5