From the course: Learning Web Audio and Video
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Add playback buttons
- [Instructor] We'll now use a set of HTML button elements in order to replicate and customize the controls that users would normally expect to have when interacting with audio and video content. We'll use standard HTML elements to add in some of these controls. The first thing we'll do is just add some space underneath our video element. And here we're going to create a container div. It's going to have and ID and we'll give the ID the name of media controls. Go ahead and close that out. And now we have a div element with the ID media controls. This is going to hold all of the different controls we create to interact with the video element. Let's go ahead and create some playback buttons. For this, we'll actually use the button element. So set button with an ID. And this first button is going to be our play button, so we'll give it the ID of play button. And we'll add in a text value of play. This is basically the label of the button. On the next line we'll create a button to pause…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.