Web development

INTERACTIVE VIDEO player

interactive video player

Techniques

HTML
CSS
JavaScript

Code
Demo

In this project, I built an HTML5 video player using JavaScript and the HTML5 Video API. Using the supplied mockups, video files, and transcript, I built an interactive video player that synchronizes a video and its transcript. The transcript highlight as the video progresses. When a user clicks any part of the transcript it takes them to the appropriate place in the video.