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
The HTML reserved attribute define that the list order in ol HTML element should be descending in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML reserved Attribute −ExampleLive Demo body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); } HTML reversed Demo List of subjects: Physics Chemistry Maths Biology Economics Output
The HTML Text Formatting refers to the HTML elements that are designed specially for formatting content in an HTML document.SyntaxFollowing is the syntax −contentFollowing are the text formatting tags in HTML:Sr.No.Tag & Explanation1It specifies bold text in an HTML document.2It specifies emphasized text in an HTML document3It specifies italic text in an HTML document.4It specifies smaller text in an HTML document.5It specifies important text in an HTML document.6It specifies subscripted text in an HTML document.7It specifies superscripted text in an HTML document8It specifies inserted text in an HTML document.9It specifies deleted text in an HTML document.10It specifies highlighted text in ... Read More
The HTML Links are hyperlinks that means when you click on a link, it jump son another document.SyntaxFollowing is the syntax −Link ContentHere URL specifies the destination address and it can be either local or external address. target attribute defines where to open the linked document and it can take the following values:ValueExplanation_blankIt opens the linked document in a new tab or window._parentIt opens the linked document in the parent frame._selfIt opens the linked document in the same window._topIt opens the linked document in the full body of the window.ExampleLet us see an example of HTML Links −Live Demo ... Read More