31 lines
1.7 KiB
HTML
31 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset=utf-8 />
|
|
<title>videojs-quality-selector Demo</title>
|
|
<link href="https://unpkg.com/video.js@7.5.4/dist/video-js.css" rel="stylesheet">
|
|
<script src="https://unpkg.com/video.js@7.5.4/dist/video.js"></script>
|
|
<script src="../../dist/js/silvermine-videojs-quality-selector.min.js"></script>
|
|
<link href="../../dist/css/quality-selector.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<h1>Demo of <code>videojs-quality-selector</code></h1>
|
|
|
|
<video id="video_1" class="video-js vjs-default-skin" controls preload="auto" data-setup='{}'>
|
|
<source src="https://upload.wikimedia.org/wikipedia/commons/transcoded/a/ab/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm.720p.webm" type="video/webm" label="720P">
|
|
<source src="https://upload.wikimedia.org/wikipedia/commons/transcoded/a/ab/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm.480p.webm" type="video/webm" label="480P" selected="true">
|
|
<source src="https://upload.wikimedia.org/wikipedia/commons/transcoded/a/ab/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm.360p.webm" type="video/webm" label="360P">
|
|
<source src="https://upload.wikimedia.org/wikipedia/commons/transcoded/a/ab/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm/Caminandes_3_-_Llamigos_-_Blender_Animated_Short.webm.240p.webm" type="video/webm" label="240P">
|
|
</video>
|
|
|
|
<script>
|
|
videojs("video_1", {}, function() {
|
|
var player = this;
|
|
|
|
player.controlBar.addChild('QualitySelector');
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|