From the course: Learning Web Audio and Video
Unlock the full course today
Join today to access over 24,500 courses taught by industry experts.
Disable default media controls
From the course: Learning Web Audio and Video
Disable default media controls
- [Instructor] If you'd like to create and style your own controls for media playback, you can disable the default playback controls provided by the web browser in preparation for your own. So looking in the web browser here, since we have the controls attribute as part of our video element, all of the different controls are being rendered by the browser itself. Since I'm using Google Chrome here, these are the specific controls that are rendered by Chrome. In both audio and video tags, the look and style of the controls are going to be determined by a specific browser being used. Let's go back to Visual Studio code, and our project, and we're going to clean some stuff up here. One thing we're going to do is actually remove that controls attribute. In order to keep our code simple, I'm also going to go ahead and delete the entire track element that we have here, giving us just a simple opening and closing video tag. Let's go ahead and save this, and go back to the web browser…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.