video tag
video tag သည် HTML စာမျက်နှာပေါ်သို့ ဗီဒီယိုထည့်သွင်းရန် ခွင့်ပြုပေးသည်။
၎င်းကို အသုံးပြု၍ ထိုဗီဒီယိုကို ထိန်းချုပ်နိုင်သည်။
ဗီဒီယိုဖိုင်လမ်းကြောင်းကို
src attribute သို့မဟုတ် နှစ်ထပ်ထည့်ထားသော source tag ဖြင့် သတ်မှတ်ပေးသည်။
ဗီဒီယိုဖွင့်ရန် ထိန်းချုပ်ရာနေရာ (player) ကို မြင်တွေ့လိုပါက
controls attribute ထည့်သွင်းသင့်သည်။
ထိုအရာမပါလျှင် သင်ဘာမှမမြင်ရပါ - အသံနှင့် ရုပ်ပုံလည်း
မရှိပါ။
တစ်ခါတစ်ရံ ဝဘ်ဆိုက်ပေါ်တွင် ဗီဒီယိုထားရှိခြင်းသည်
သိပ်အဆင်ပြေချင်မှပြေသည် (ဥပမာ၊ သင့်ဟိုစတင်း (hosting) တွင်
ဝဘ်ဆိုက်အရွယ်အစားကန့်သတ်ချက်ရှိသည်)။ ထိုသို့ဆိုပါက
ဗီဒီယိုကို YouTube တွင် တင်ကာ iframe tag
အသုံးပြု၍ ချိတ်ဆက်နိုင်သည်။
Attributes များ
| Attribute | ဖော်ပြချက် |
|---|---|
src |
ဗီဒီယိုဖိုင်လမ်းကြောင်းကို ညွှန်ပြသည်။
သို့သော် ပိုကောင်းသည်မှာ source tag
အသုံးပြုခြင်းဖြစ်သည်။
(ဤနည်းအားဖြင့် ဗီဒီယိုကို ပုံစံအမျိုးမျိုးဖြင့် သတ်မှတ်နိုင်သည်)။
|
preload |
ဗီဒီယိုဖိုင်ကို ဝဘ်စာမျက်နှာ ဆွဲယူချိန်နှင့်အတူ တစ်ပြိုင်နက် ဆွဲယူရန် အသုံးပြုသည်။
လက်ခံနိုင်သော တန်ဖိုးများ: none (ဖိုင်ကို မဆွဲယူပါ၊ ပုံသေအားဖြင့်),
metadata (စီမံခန့်ခွဲရေးအချက်အလက်များကိုသာ ဆွဲယူပါ: ကြာချိန်၊ အလျားစသည်),
auto (HTML စာမျက်နှာ ဆွဲယူချိန်တွင် ဗီဒီယိုကို အပြည့်အဝ ဆွဲယူပါ)။
|
autoplay |
စာမျက်နှာ ဆွဲယူပြီးသည်နှင့် အသံစတင်ဖွင့်သည်၊
ဤအချိန်တွင် preload attribute ရှိမရှိကို လျစ်လျူရှုမည်။
တန်ဖိုးမဲ့ attribute ဖြစ်သည်။ |
controls |
ဗီဒီယိုသို့ ထိန်းချုပ်ရာနေရာ (panel) ကို ပေါင်းထည့်ပေးသည်။
တန်ဖိုးမဲ့ attribute ဖြစ်သည်။ ပုံသေအားဖြင့် (attribute မပါလျှင်) ထိန်းချုပ်ရာနေရာ မပေါင်းထည့်ပါ။ |
loop |
အသံဖိုင်ကို "ပတ်လည်" ပြန်လည်ဖွင့်ပေးသည်:
ပြီးဆုံးပြီးနောက် ၎င်းသည် ထပ်မံစတင်ဖွင့်မည်။
တန်ဖိုးမဲ့ attribute ဖြစ်သည်။ ပုံသေအားဖြင့် (attribute မပါလျှင်) အသံဖိုင်ကို 1 ကြိမ်သာ ဖွင့်မည်။
|
poster |
ဗီဒီယို မရနိုင်သေးသောအခါ သို့မဟုတ် မဖွင့်ရသေးသောအခါ ပြသမည့်ရုပ်ပုံ၏ လမ်းကြောင်း။
poster attribute ကို မသတ်မှတ်ပါက၊ ဘရောင်ဇာသည် ဗီဒီယို၏ ပထမဆုံးဖရိမ် (frame) ကို ပြသရန် ကြိုးစားမည်။
|
height |
height attribute သည် ဗီဒီယိုဖွင့်မည့်နေရာ၏ အမြင့် (pixel များ
သို့မဟုတ် ရာခိုင်နှုန်းများဖြင့်) သတ်မှတ်ပေးသည်။
ဗီဒီယိုကိုယ်တိုင်သည် ၎င်း၏အရွယ်အစားကို သတ်မှတ်ထားသော အမြင့်နှင့် လိုက်ဖက်စေရန် ကြီးလိုက်ငယ်လိုက် ပြောင်းလဲသော်လည်း၊
၎င်း၏အချိုးအစားများကိုတော့ မပြောင်းလဲပါ။
ပုံသေတန်ဖိုး: အမြင့်ကို ဗီဒီယိုပါရာမီတာများမှ ယူသည်၊ ထိုတန်ဖိုး မရရှိနိုင်ပါက၊ height attribute ၏တန်ဖိုးကို
poster attribute မှရုပ်ပုံ၏အမြင့်နှင့် ညီမျှသည်ဟု ယူဆသည်။
poster ကိုလည်း မသတ်မှတ်ပါက - အမြင့်ကို
150 pixel များအဖြစ် သတ်မှတ်သည်။
|
width |
width attribute သည် ဗီဒီယိုဖွင့်မည့်နေရာ၏ အနံ (pixel များ
သို့မဟုတ် ရာခိုင်နှုန်းများဖြင့်) သတ်မှတ်ပေးသည်။
ဗီဒီယိုကိုယ်တိုင်သည် ၎င်း၏အရွယ်အစားကို သတ်မှတ်ထားသော အနံနှင့် လိုက်ဖက်စေရန် ကြီးလိုက်ငယ်လိုက် ပြောင်းလဲသော်လည်း၊
၎င်း၏အချိုးအစားများကိုတော့ မပြောင်းလဲပါ။
ပုံသေတန်ဖိုး: အနံကို ဗီဒီယိုပါရာမီတာများမှ ယူသည်၊ ထိုတန်ဖိုး မရရှိနိုင်ပါက၊ width attribute ၏တန်ဖိုးကို
poster attribute မှရုပ်ပုံ၏အနံနှင့် ညီမျှသည်ဟု ယူဆသည်။
poster ကိုလည်း မသတ်မှတ်ပါက - အနံကို
150 pixel များအဖြစ် သတ်မှတ်သည်။
|
ဥပမာ . ဝဘ်ဆိုက်စာမျက်နှာပေါ်ရှိ player
စာမျက်နှာပေါ်သို့ ဗီဒီယို player တစ်ခု ထည့်သွင်းကြပါစို့။
video tag ကို မထောက်ပံ့သော ဘရောင်ဇာများအတွက်
ဤအကြောင်းအရာ အထူးစာသားကို ချန်ထားခဲ့သည်:
<video src="moovie.mp4" controls>
သင့်ဘရောင်ဇာသည် HTML5 ရှိ video ကို မထောက်ပံ့ပါ။
</video>
ဥပမာ .
video tag အတွက်
source tag ကို ထည့်သွင်းကြပါစို့:
<video>
<source src="moovie.mp4" controls>
သင့်ဘရောင်ဇာသည် HTML5 ရှိ video ကို မထောက်ပံ့ပါ။
</video>