Skip to main content

These are functional examples of each of the hosting options for VideoJS Mediablock 2.4.x. with the original sources detailed. The example content was chosen to avoid all copyright issues.

This is DrupalCMS with the most minimal changes made possible, in order to demonstrate the VideoJS Mediablock module and multiple content blocks on a single page. This is a default Radix 6 subtheme with no development.

Hotkeys:

  • Space bar toggles play/pause.
  • Right and Left Arrow keys seek the video forwards and back.
  • Up and Down Arrow keys increase and decrease the volume.
  • M key toggles mute/unmute.
  • F key toggles fullscreen off and on.
  • Double-clicking with the mouse toggles fullscreen off and on.
  • Number keys from 0-9 skip to a percentage of the video. 0 is 0% and 9 is 90%.

VideoJS examples

YouTube

https://www.youtube.com/watch?v=Q_7tpMQ5GAM

Closed-captions
specialization_and_information_visualization.vtt
Copied from https://github.com/1c7/vtt-test-file
Specialization and Information Visualization lecture given by Enrico Bertini

Remotely hosted video

Poster image from Flicker
https://flic.kr/p/2nDeNiF

remote server URL:
https://ia801305.us.archive.org/6/items/ThePhantomOfTheOpera_364/ThePhantomOfTheOperaPresentedByMoviePowder_512kb.mp4

Closed-captions
specialization_and_information_visualization.vtt
Copied from https://github.com/1c7/vtt-test-file
Specialization and Information Visualization lecture given by Enrico Bertini

Remotely hosted audio
Locally hosted video (Media Library)
Locally hosted audio (Media Library)