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 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
Assume, you have ‘products.csv’ file and the result for a number of rows and columns and ‘product’ column value matches ‘Car’ for the first ten rows are −Download the products.csv file here.Rows: 100 Columns: 8 id product engine avgmileage price height_mm width_mm productionYear 1 2 Car Diesel 21 16500 1530 1735 2020 4 5 Car Gas 18 17450 ... Read More
The HTML option value attribute define the value of the option HTML element which is to be sent on a server when the form is submitted in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML option value Attribute −ExampleLive Demo body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } HTML optimum Attribute Demo Select your favourite subject: Physics Chemistry Biology Output