Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
The HTML DOM Track src property sets/returns the value of src attribute of track element to specify the URL for track.Following is the syntax −Returning string valuetrackObject.srcSetting src to stringValuetrackObject.src = URLLet us see an example of Track src property −ExampleLive Demo Track src form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } Track-src var divDisplay = document.getElementById("divDisplay"); var trackSelect = document.getElementsByTagName("track"); function getTrackDetails() { for(var i=0; i
The HTML DOM Track srclang property sets/returns a value corresponding to the language of text track.Following is the syntax −Returning string valuetrackObject.srclangSetting srclang to stringValuetrackObject.srclang = stringValueLet us see an example of Track srclang property −ExampleLive Demo Track srclang form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } Track-srclang var divDisplay = document.getElementById("divDisplay"); var trackSelect = document.getElementsByTagName("track"); function getTrackDetails() { for(var i=0; i
The HTML DOM Video controls property returns/sets boolean value corresponding to whether the video’s standard controls will be enabled or not.SyntaxFollowing is the syntax −Returning boolean value - true/falsemediaObject.controlsSetting controls to booleanValuemediaObject.controls = booleanValueHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that video willhave standard controlsfalseIt defines that video willnot have standard controlsLet us see an example of Video controls property −ExampleLive Demo HTML DOM Video controls * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; ... Read More
The HTML DOM Video currentTime property returns/sets the current position of seeker (in seconds) of media.Following is the syntax −Returning seeker positionmediaObject.currentTimeSetting currentTime to seekable positionmediaObject.currentTime = secondsLet us see an example of Video currentTime property −ExampleLive Demo HTML DOM Video currentTime * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } HTML-DOM-Video-currentTime var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails() { demo.currentTime = '15'; divDisplay.textContent = 'Some Seconds Avoided'; } OutputBefore clicking ‘Jump some seconds’ button −After clicking ‘Jump some seconds’ button −
The HTML DOM Video defaultPlaybackRate property returns/sets a number corresponding to default playback rate of media.SyntaxFollowing is the syntax −Returning defaultPlaybackRate as a numbermediaObject.defaultPlaybackRateSetting defaultPlaybackRate to a numbermediaObject.defaultPlaybackRate = numberNOTE − Number has a max value of ‘16’ and if ‘0.0’ an error occurs.Let us see an example of Video defaultPlaybackRate property −ExampleLive Demo HTML DOM Video defaultPlaybackRate * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { ... Read More
The HTML DOM Video duration property returns a number corresponding to the length of the video (in seconds).NOTE − For live streams it returns ‘Inf’ which is infinite because live streams have no predefined duration.SyntaxFollowing is the syntax −Returning string valuemediaObject.durationLet us see an example of HTML DOM Video duration property −ExampleLive Demo HTML DOM Video duration * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { ... Read More
The HTML DOM Video preload property returns a string corresponding to when the creator thinks the video data should load. Though sometimes this may be ignored.Default value is ‘metadata’.SyntaxFollowing is the syntax −Returning string valuemediaObject.preloadSetting preload to a stringmediaObject.preload = “auto|metadata|none”Let us see an example of HTML DOM Video preload property −Example Live Demo HTML DOM Video preload * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { ... Read More
The HTML DOM Video readyState property returns a number corresponding to the current ready state of the video.SyntaxFollowing is the syntax −Returning number valuemediaObject.readyStateHere, the return value can be the following −0 (HAVE_NOTHING) depicts no information available1 (HAVE_METADATA) depicts metadata for the media is ready and video is seekable2 (HAVE_CURRENT_DATA) depicts data for the current playback position is available, but not enough data to play next frame3 (HAVE_FUTURE_DATA) depicts data for the current position and also for at least more than two frames of video4 (HAVE_ENOUGH_DATA) depicts enough data available to start playingLet us see an example of HTML DOM ... Read More
The HTML DOM Video seekable property returns a TimeRanges object containing information about the video’s seekable range length and its start, end position.SyntaxFollowing is the syntax −Returning TimeRanges ObjectmediaObject.seekableLet us see an example of Video seekable property −ExampleLive Demo HTML DOM Video seekable * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } ... Read More
The HTML DOM Video seeking property returns a boolean (true/false) corresponding to whether the user is seeking (moving current playback to new position) the playing video or not.SyntaxFollowing is the syntax −Returning boolean valuemediaObject.seekingLet us see an example of HTML DOM Video seeking property −ExampleLive Demo HTML DOM Video seeking * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } ... Read More