blog tag

Html5 Video Navigation and Tracking using Knockout

Description: Html5 Video Dom events, Play, Pause, Current Time
Publish Date: 03/08/2014
Keywords: html5 knockout knockoutjs video

I was recently asked how I would navigate html5 video and visibly track the scene name or transcribed text.

Here is a bare bones proof of concept for manipulating the location (time) of an html5 video using Knockout.

Specifications

  • Play or Pause Video
  • Transcribed text (or names of scenes in the video) follow the current time
  • Clicking the line of text (or name of the scene) that corresponds to the video sets the video to that location (time)

Working version:

http://jsfiddle.net/TheDev6/C3LKh/

Comments: 0
© Chadwick 2021