-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathVideo_RainSplash_ogg.html
46 lines (37 loc) · 2.01 KB
/
Video_RainSplash_ogg.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Full Screen Video BackGround, Rain Spalsh</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='css/core.css' rel='stylesheet' type='text/css'>
<link href='css/style1.css' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script>
document.createElement('video');
</script>
<![endif]-->
</head>
<body>
<video autoplay loop poster="poster.jpg" id="bgvid">
<source src="vids/rain/Raindrops_Videvo.ogg" type="video/ogg">
</video>
<div class="container">
<h1>Rain Splash - Long</h1>
<h2>Default font set, .ogg video format without fallbacks</h2>
<p align="left"><small>HTML 5 best pratices require different formats of each video to be included for different operating system/browser/device combinations, as fallbacks in case the first format isn't supported. Below are different pages that use different file formats of the same video, without the fallback. This is so can see how these file formats effect quality and file size (which = loading time). Notice that, depending on your computer some of them won't work at all. </small></p>
<p><a href="Video_RainSplash_mp4.html">HD</a> (.mp4, 57.8 MB's) | <a href="Video_RainSplash_webm.html">SD</a> (.webm, 21.8MBs) | <a href="Video_RainSplash_ogg.html">LD</a> (.ogg, 7.4MBs)</p>
<p><a href="demo.html" class="ghost-button">DEMO PAGE</a>
</div>
<!-- Google Analytics code -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-74783923-2', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics Code -->
</body>
</html>