Video-Demonstration/vp8examples.html at master · stevehwinwood/Video-Demonstration · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<title>Video Encoding</title>
<link href="video-js/video.js-4.1.2/src/css/video-js.css" rel="stylesheet">
        <script src="video-js/video.js-4.1.2/src/js/dist/video.js"></script>
        <script>
        videojs.options.flash.swf = "video-js/video.js-4.2.1/swf/video-js.swf"
        </script>
</head>
<body>
<h1>VP8 Examples</h1>
<div id="video1">
<h2>VP8 4000Kbps crf 4 (12.5MB)</h2>
<video id="Madison Drinking VP8 4000 crf 4" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="480"
  poster="madisondrink.png"
  data-setup='{}'>
<source src="videos/madisondrink_vp8_crf4_4000.webm" type='video/webm' />
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
>/video>>
</div>
<br>
<div id="video2">
<h2>VP8 2000Kbps crf 4 (6.5MB)</h2>
<video id="Madison Drinking VP8 2000 crf 4" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="480"
  poster="madisondrink.png"
  data-setup='{}'>
<source src="videos/madisondrink_vp8_crf4_2000.webm" type='video/webm' />
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
>/video>
</div>
<br>
<div id="video3">
<h2>VP8 1000Kbps crf 4 (3.5MB)</h2>
<video id="Madison Drinking VP8 1000 crf 4" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="480"
  poster="madisondrink.png"
  data-setup='{}'>
<source src="videos/madisondrink_vp8_crf4_1000.webm" type='video/webm' />
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
>/video>
</div>
<br>
<div id="video4">
<h2>VP8 750Kbps crf 4 (2.5MB)</h2>
<video id="Madison Drinking VP8 750 crf 4" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="480"
  poster="madisondrink.png"
  data-setup='{}'>
<source src="videos/madisondrink_vp8_crf4_750.webm" type='video/webm' />
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
>/video>
</div>
<br>
</body>
</html>