HTML DOM ဗီဒီယို အရာဝတ္ထု
ဗီဒီယိုအရာဝတ္ထု
ဗီဒီယိုအရာဝတ္ထုသည် HTML <video> ဒြပ်စင်ကို ကိုယ်စားပြုသည်။
မှတ်ချက်- <video> ဒြပ်စင်အား Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
ဗီဒီယိုအရာဝတ္ထုကို ဝင်ရောက်ကြည့်ရှုပါ။
getElementById() ကိုအသုံးပြု၍ <video> ဒြပ်စင်တစ်ခုကို သင်ဝင်ရောက်ကြည့်ရှုနိုင်သည်
ဥပမာ
var x = document.getElementById("myVideo");
ဗီဒီယိုအရာဝတ္ထုတစ်ခုဖန်တီးပါ။
document.createElement() နည်းလမ်းကို အသုံးပြု၍ <video> element တစ်ခုကို ဖန်တီးနိုင်သည်-
ဥပမာ
var x = document.createElement("VIDEO");
Video Object Properties
Property | Description |
---|---|
audioTracks | Returns an AudioTrackList object representing available audio tracks |
autoplay | Sets or returns whether a video should start playing as soon as it is ready |
buffered | Returns a TimeRanges object representing the buffered parts of a video |
controller | Returns the MediaController object representing the current media controller of a video |
controls | Sets or returns whether a video should have controls displayed (play/pause etc) |
crossOrigin | Sets or returns the CORS settings of a video |
currentSrc | Returns the URL of the current video |
currentTime | Sets or returns the current playback position in a video (in seconds) |
defaultMuted | Sets or returns whether the video should be muted by default |
defaultPlaybackRate | Sets or returns whether the default playback speed of the video |
duration | Returns the length of a video (in seconds) |
ended | Returns whether the playback of the video has ended |
error | Returns a MediaError object representing the error state of the video |
height | Sets or returns the value of the height attribute of a video |
loop | Sets or returns whether the video should start playing over again, every time it is finished |
mediaGroup | Sets or returns the name of the media group the video(s) is a part of |
muted | Sets or returns whether the sound of a video should be turned off |
networkState | Returns the current network state of a video |
paused | Returns whether a video is paused or not |
playbackRate | Sets or returns the speed of the video playback |
played | Returns a TimeRanges object representing the played parts of the video |
poster | Sets or returns the value of the poster attribute of a video |
preload | Sets or returns the value of the preload attribute of a video |
readyState | Returns the current ready state of a video |
seekable | Returns a TimeRanges object representing the seekable parts of a video |
seeking | Returns whether the user is currently seeking in the video |
src | Sets or returns the value of the src attribute of a video |
startDate | Returns a Date object representing the current time offset |
textTracks | Returns a TextTrackList object representing the available text tracks |
videoTracks | Returns a VideoTrackList object representing the available video tracks |
volume | Sets or returns the audio volume of a video |
width | Sets or returns the value of the width attribute of a video |
ဗီဒီယိုအရာဝတ္ထုနည်းလမ်းများ
Method | Description |
---|---|
addTextTrack() | Adds a new text track to the video |
canPlayType() | Checks whether the browser can play the specified video type |
load() | Re-loads the video element |
play() | Starts playing the video |
pause() | Pauses the currently playing video |
စံသတ်မှတ်ချက်များနှင့် အစီအစဉ်များ
ဗီဒီယိုအရာဝတ္ထုသည် စံ ဂုဏ်သတ္တိများ နှင့် ဖြစ်ရပ်များ ကို ပံ့ပိုး ပေးပါသည်။
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML5 ဗီဒီယို
HTML ရည်ညွှန်း- HTML <video> တဂ်