Third Mind | Popcorn.js
1463
post-template-default,single,single-post,postid-1463,single-format-standard,ajax_leftright,page_not_loaded,,qode-title-hidden,side_area_uncovered_from_content,transparent_content,qode-child-theme-ver-1.0.0,qode-theme-ver-10.0,wpb-js-composer js-comp-ver-4.12,vc_responsive

Popcorn.js

This javascript framework helps you create data-rich audio and visual experiences with html5 video and audio.

See an example on their homepage: http://popcornjs.org/

Notice how the content to the right of the video will change to compliment it.

Here’s another example of a tutorial that has an html list of chapters to the left, an html audio player and a slideshow that is all synched up using popcorn.js: http://django101.com/trial/