Some specific controls can be hidden separately by using the controlsList attribute (Chrome 58+ only), for example: If you don’t specify the attribute the controls won’t be shown. Showing or hiding the video player’s controlsĬontrols like play/pause, volume, full-screen toggle and the seek slider can easily be toggled using the controls attribute: If only one video format is available, it can be specified directly using the src attribute: The list of sources is tried from top to bottom.
It is also recommended that you specify the MIME type using the optional type attribute.
Multiple sources can be specified by using elements. To suit all browsers you can provide multiple video files as the source for one video player. Not all browsers support all video containers and codecs. Fitting portrait videos in landscape players using the object-fit CSS property.Accessing more functionality through JavaScript.Showing captions or subtitles during playback.Show a video poster or thumbnail before the video is started.Start or stop the video at a certain point or timestamp.Showing or hiding the video player’s controls.Specifying multiple sources for a video.
#Html5 video player update code#
In this blog post, we’ll take a deeper look at 10 of those advanced features and explain with code examples how you can use them on your website in your HTML video players. We’ve covered the basics of adding a video to your web page using the element and briefly listed the element’s more advanced features in an earlier blog post.
0 kommentar(er)
