aboutsummaryrefslogtreecommitdiffstats
path: root/extlib/videojs-resolution-switcher/examples/youtube.html
diff options
context:
space:
mode:
Diffstat (limited to 'extlib/videojs-resolution-switcher/examples/youtube.html')
-rw-r--r--extlib/videojs-resolution-switcher/examples/youtube.html64
1 files changed, 64 insertions, 0 deletions
diff --git a/extlib/videojs-resolution-switcher/examples/youtube.html b/extlib/videojs-resolution-switcher/examples/youtube.html
new file mode 100644
index 00000000..49b5ff97
--- /dev/null
+++ b/extlib/videojs-resolution-switcher/examples/youtube.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>Video.js Resolution Switcher</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link href="../node_modules/video.js/dist/video-js.css" rel="stylesheet">
+ <link href="../lib/videojs-resolution-switcher.css" rel="stylesheet">
+ <style>
+ body {
+ font-family: Arial, sans-serif;
+ background: #777;
+ }
+ .info {
+ background-color: #eee;
+ border: thin solid #333;
+ border-radius: 3px;
+ padding: 0 5px;
+ text-align: center;
+ }
+ .video-js {
+ margin: 40px auto;
+ }
+ </style>
+</head>
+<body>
+ <div class="info">
+ <p>
+ Youtube tech
+ </p>
+ </div>
+
+ <video id='video' class="video-js vjs-default-skin"></video>
+
+ <script src="../node_modules/video.js/dist/video.js"></script>
+ <script src="../node_modules/videojs-youtube/dist/Youtube.js"></script>
+ <script src="../lib/videojs-resolution-switcher.js"></script>
+ <script>
+ // fire up the plugin
+ videojs('video', {
+ controls: true,
+ muted: true,
+ techOrder: ["youtube"],
+ width: 500,
+ sources: [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=iD_MyDbP_ZE"}],
+ plugins: {
+ videoJsResolutionSwitcher: {
+ default: 'low',
+ dynamicLabel: true
+ }
+ }
+ }, function(){
+ var player = this;
+ window.player = player;
+ player.on('resolutionchange', function(){
+ console.info('Source changed')
+ })
+ });
+
+ </script>
+
+
+</body>
+</html> \ No newline at end of file