From the course: Creating Web Media

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Video jump points with JavaScript

Video jump points with JavaScript - CSS Tutorial

From the course: Creating Web Media

Start my 1-month free trial Buy for my team

Video jump points with JavaScript

“

- [Narrator] Hi, this is Chris Converse. And in this episode, we'll create hyperlinks that control a video and skip the video to specific points or chapters based on time. To achieve this, we'll be writing a small amount of JavaScript, and you'll be able to reuse this script for any other videos on your site. So if you'd like to follow along with me, download the exercise files and let's begin by opening index.html in a text editor. Now, inside the HTML file, up in the head area, we have the link to style.css. This is controlling the layout of this page. Inside the body area, we have a main element. Inside the main element is an h1 tag, a video element, and a navigation element. Now, I've already set up the video element. There are two sources inside: one that links to an MPEG-4 and the other links to a .ogv. I also have a poster frame specified and we have the controls turned on. And down here in the navigation element, we have two hyperlinks. Now, the first thing I want to do is…

Contents