Add change-video-resolution.js to start video-resolution-switcher plugin

1 files changed, 27 insertions, 0 deletions

diff --git a/mediagoblin/static/js/change-video-resolution.js b/mediagoblin/static/js/change-video-resolution.js
new file mode 100644
index 00000000..0cae2b46
--- /dev/null
+++ b/mediagoblin/static/js/change-video-resolution.js
@@ -0,0 +1,27 @@
+var glplayer;
+
+$(document).ready(function()
+{
+  // fire up the plugin
+  glplayer = videojs('video_1', {
+    controls: true,
+    muted: true,
+    height: 400,
+    width: 700,
+    plugins: {
+      videoJsResolutionSwitcher: {
+        ui: true,
+        default: 'low', // Default resolution [{Number}, 'low', 'high'],
+        dynamicLabel: true // Display dynamic labels or gear symbol
+      }
+    }
+  }, function(){
+    var player = this;
+    window.player = player
+    player.on('resolutionchange', function(){
+      console.info('Source changed to %s', player.src());
+      console.log(player.currentTime());
+    })
+  })
+
+});
\ No newline at end of file