-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
47 lines (43 loc) · 3.24 KB
/
index.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
47
<html>
<head>
<title>jqVideobox: Lightbox for videos, Youtube, Metacafe, Google Video</title>
<link rel="stylesheet" href="css/jqvideobox.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" charset="utf-8"></script>
<script type="text/javascript" src="js/jqvideobox.js" charset="utf-8"></script>
<style type="text/css">
a:link, a:visited {color: #54CF00;text-decoration: none;}
a img {border: 1px solid #e7e7e7;padding: 5px;}
p {text-align:center;}
</style>
</head>
<body>
<p>
<a title="Youtube example." class="vidbox" href="http://www.youtube.com/watch?v=TnH5D2qwvpc">Youtube</a>
<a title="Metacafe example." class="vidbox" href="http://www.metacafe.com/watch/386357/teach_magic_be_magician_money_magic/">Metacafe</a>
<a title="Google Video example." class="vidbox" href="http://video.google.com/videoplay?docid=-8998962137419844414&hl=en&emb=1">Google video</a>
<a title="Daylymotion example." class="vidbox" href="http://www.dailymotion.com/video/xiphw8_manchester-city-1-0-stoke-city-the-fa-cup-final-2011-14-05-11_sport#hp-sc-p-1">Dailymotion</a>
<a title="Rutube Video example." class="vidbox" href="http://rutube.ru/tracks/4277099.html?v=2d9715c0e992ee193f18fed2465a9488">Rutube video</a>
<a title="Mail.ru Video example." class="vidbox" href="http://video.mail.ru/inbox/i_am_agel/_myvideo/3.html?smslast_from_main=1">Mail.ru video</a>
<a title="Gametrailers Video example." class="vidbox" href="http://www.gametrailers.com/video/review-pod-dungeons/714234">Gametrailers video</a>
<a title="Sevenload Video example." class="vidbox" href="http://en.sevenload.com/shows/Drive-It/episodes/7k05DIC-Test-it-The-Kia-Sportage">Sevenload video</a>
<br />
<a title="Revver.com Video example." class="vidbox2" href="http://www.revver.com/video/632260/7-game-night/">Revver.com video</a>
<a title="Veoh.com Video example." class="vidbox2" href="http://www.veoh.com/watch/v20940261QypnC5gT">Veoh.com video</a>
<a title="Vimeo.com Video example." class="vidbox2" href="http://vimeo.com/23266010">Vimeo.com video</a>
<a title="Smotri.com Video example." class="vidbox2" href="http://smotri.com/video/view/?id=v1764016bd4f">Smotri.com video</a>
<a title="Vkontakte.ru Video example." class="vidbox2" href="http://vkontakte.ru/video56257367_136415446?hash=24dfb30b7ce2ed23">Vkontakte.ru video</a>
<a title="Qip.ru Video example." class="vidbox2" href="http://video.qip.ru/video/view/?id=v1394084f668">Qip.ru video</a>
<a title="Myvideo.de Video example." class="vidbox2" href="http://www.myvideo.de/watch/4276644/Handys_boese">Myvideo.de video</a>
<a title="Collegehumor Video example." class="vidbox2" href="http://www.collegehumor.com/video/6470026/internet-love-song">Collegehumor video</a>
</p>
<script>
$(document).ready(function() {
$(".vidbox").jqvideobox({'width' : 400, 'height': 300, 'getimage': true, 'navigation': false, 'play_icon': true});
$(".vidbox2").jqvideobox({'width' : 400, 'height': 300, 'getimage': true, 'navigation': true});
}
);
</script>
</body>
</html>