Front End Technology Articles - Page 484 of 860

The HTML DOM Video volume property returns/sets a number corresponding to current volume level of media.SyntaxFollowing is the syntax −Returning volume as a numbermediaObject.volumeSetting volume to a numbermediaObject.volume = numberNOTE: Number has a max value of ’1.0’ and if ‘0.0’ video volume is min.Let us see an example of Video volume property −Example Live Demo HTML DOM Video volume    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {     ... Read More

The HTML DOM Video textTracks property returns a TextTrackList object containing information about the text tracks for the video.SyntaxFollowing is the syntax −Returning TextTracksList ObjectmediaObject.textTracksLet us see an example of Video textTracks property −Example Live Demo HTML DOM Video textTracks    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    }                    HTML-DOM-Video-textTracks ... Read More

The HTML DOM Video src property returns/sets a string corresponding to the url of the video.SyntaxFollowing is the syntax −Returning string valuemediaObject.srcSetting src to a URLStringmediaObject.poster = URLStringLet us see an example of HTML DOM Video src property −Example Live Demo HTML DOM Video src    * {       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

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 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 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 poster property returns/sets a string corresponding to the url of an image shown until the video is played or network state is equal to ‘2’.SyntaxFollowing is the syntax −Returning string valuemediaObject.posterSetting poster to a URLStringmediaObject.poster = URLStringLet us see an example of HTML DOM Video poster property −ExampleLive Demo HTML DOM Video poster    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       ... Read More

The HTML DOM Video played property returns a TimeRanges object containing information about the video’s played range length and its start, end position.SyntaxFollowing is the syntax −Returning TimeRanges ObjectmediaObject.playedLet us see an example of Video played property −ExampleLive Demo HTML DOM Video played    * {       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 playbackRate property returns/sets a number corrosponding to current playback rate of media.SyntaxFollowing is the syntax −Returning playbackRate as a numbermediaObject.playbackRateSetting playbackRate to a numbermediaObject.playbackRate = numberNOTE − Number has a max value of ‘16’ and if ‘0.0’ video is still.Let us see an example of Video playbackRate property −ExampleLive Demo HTML DOM Video playbackRate    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {     ... Read More