diff options
| author | vijeth-aradhya <vijthaaa@gmail.com> | 2017-07-23 10:00:48 +0530 |
|---|---|---|
| committer | vijeth-aradhya <vijthaaa@gmail.com> | 2017-07-23 10:00:48 +0530 |
| commit | cb7ec2bd1c1948b30df6166595a8643396844009 (patch) | |
| tree | e5cbed512bae49660faec845e1a0679726cdd755 /extlib/videojs-resolution-switcher/examples/html5.html | |
| parent | 19d7c450706df1aae74003fcfcfa03d17ebd6f54 (diff) | |
| download | mediagoblin-cb7ec2bd1c1948b30df6166595a8643396844009.tar.lz mediagoblin-cb7ec2bd1c1948b30df6166595a8643396844009.tar.xz mediagoblin-cb7ec2bd1c1948b30df6166595a8643396844009.zip | |
Revert "Add video-resolution-switcher (v0.4.2) plugin"
This reverts commit 19d7c450706df1aae74003fcfcfa03d17ebd6f54.
Diffstat (limited to 'extlib/videojs-resolution-switcher/examples/html5.html')
| -rw-r--r-- | extlib/videojs-resolution-switcher/examples/html5.html | 97 |
1 files changed, 0 insertions, 97 deletions
diff --git a/extlib/videojs-resolution-switcher/examples/html5.html b/extlib/videojs-resolution-switcher/examples/html5.html deleted file mode 100644 index a987cc42..00000000 --- a/extlib/videojs-resolution-switcher/examples/html5.html +++ /dev/null @@ -1,97 +0,0 @@ -<!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> - Set sources dynamically - </p> - </div> - - <video id='video' class="video-js vjs-default-skin"></video> - - <div class="info"> - <p> - Set sources inside <code><video></code> tag - </p> - </div> - - <video id="video_1" class="video-js vjs-default-skin" width="1000" controls data-setup='{}' muted> - <source src="https://vjs.zencdn.net/v/oceans.mp4?480" type='video/mp4' label='SD' res='480' /> - <source src="https://vjs.zencdn.net/v/oceans.mp4?1080" type='video/mp4' label='HD' res='1080'/> - <source src="https://vjs.zencdn.net/v/oceans.mp4?144" type='video/mp4' label='phone' res='144'/> - <source src="https://vjs.zencdn.net/v/oceans.mp4?2160" type='video/mp4' label='4k' res='2160'/> - </video> - - - <script src="../node_modules/video.js/dist/video.js"></script> - <script> - videojs.options.flash.swf = "../node_modules/video.js/dist/video-js.swf" - </script> - <script src="../lib/videojs-resolution-switcher.js"></script> - <script> - // fire up the plugin - videojs('video', { - controls: true, - muted: true, - width: 1000, - plugins: { - videoJsResolutionSwitcher: { - default: 'low', // Default resolution [{Number}, 'low', 'high'], - dynamicLabel: true // Display dynamic labels or gear symbol - } - } - }, function(){ - var player = this; - window.player = player - - player.updateSrc([ - { - src: 'https://vjs.zencdn.net/v/oceans.mp4?sd', - type: 'video/mp4', - label: 'SD', - res: 360 - }, - { - src: 'https://vjs.zencdn.net/v/oceans.mp4?hd', - type: 'video/mp4', - label: 'HD', - res: 720 - } - ]) - - player.on('resolutionchange', function(){ - console.info('Source changed to %s', player.src()) - }) - - }) - </script> - - - <script> - videojs('video_1').videoJsResolutionSwitcher() - </script> -</body> -</html> |