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.
- 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
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.
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.
Poster image from Flicker
https://flic.kr/p/j35apn
remote server URL:
https://archive.org/download/03-scott-joplin-musidisc-30-cv-1330/03%20S…
Poster image from the Internet Archive:
https://archive.org/download/phantom-of-the-opera-1925-poster/Phantom_o…
video downloaded from:
https://archive.org/download/ThePhantomOfTheOpera1925Trailer/ThePhantom…
Poster image from Wikipedia:
https://commons.wikimedia.org/wiki/File:Scott_Joplin_in_1912.jpg
audio file downloaded from:
https://archive.org/download/03-scott-joplin-musidisc-30-cv-1330/07%20S…