Permalink
Browse files

initial throwin

  • Loading branch information...
0 parents commit 8cf8fe07ac6ccbdf462583a5a5f3aaaa0bb0834f Carl Fürstenberg committed Mar 21, 2010
Showing with 443 additions and 0 deletions.
  1. +1 −0 README
  2. +41 −0 example.html
  3. +69 −0 jquery.video.css
  4. +332 −0 jquery.video.js
1 README
@@ -0,0 +1 @@
+jQuery UI Video widget
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script src="http://js.azatoth.net/libs/jquery/1.4.2/jquery.js"></script>
+<script src="http://js.azatoth.net/libs/jquery-ui/1.8rc3/ui/jquery-ui.js"></script>
+<script src="jquery.video.js"></script>
+<link rel="stylesheet" href="http://js.azatoth.net/libs/jquery-ui/1.8rc3/themes/base/jquery-ui.css" />
+<link rel="stylesheet" href="jquery.video.css" />
+<title>jQuery UI Video test</title>
+<style>
+ #foo {
+ width: 640px;
+ height: 320px;
+ }
+</style>
+<script>
+ $(function(){
+ $('#switcher').themeswitcher();
+ $('#foo').video({
+ sources: [
+ {'title': 'http://stream.azatoth.net/video.ogv', 'type': 'video/ogg'},
+ {'title': 'http://stream.azatoth.net/video.mp4', 'type': 'video/mp4'}
+ ]
+ }
+ );
+
+
+
+ });
+</script>
+
+</head>
+<body>
+ <div id="foo"></div>
+<script type="text/javascript"
+ src="http://jqueryui.com/themeroller/themeswitchertool/">
+</script>
+<div id="switcher"></div>
+
+</body>
+</html>
@@ -0,0 +1,69 @@
+.video-control {
+ width: 320px;
+ height: 40px;
+/* background: #787878;*/
+ position: relative;
+ opacity: .8;
+}
+.video-progress {
+ font-family: monospace;
+ position: absolute;
+ right: 10px;
+ top: 5px;
+ font-size: 10px;
+}
+
+.video-mute {
+ position: absolute;
+ left: 10px;
+ top: 5px;
+}
+
+.video-play {
+ position: absolute;
+ left: 150px;
+ top: 5px;
+}
+.video-seek-prev {
+ position: absolute;
+ left: 130px;
+ top: 5px;
+}
+.video-seek-next {
+ position: absolute;
+ left: 170px;
+ top: 5px;
+}
+.video-volume-slider {
+ position: absolute;
+ left: 10px;
+ bottom: 10px;
+ width: 60px;
+}
+.video-scrubber-slider {
+ position: absolute;
+ right: 10px;
+ bottom: 10px;
+ width: 200px;
+}
+
+.video-scrubber-slider, .video-volume-slider {
+ height: .3em;
+}
+.video-scrubber-slider .ui-slider-handle, .video-volume-slider .ui-slider-handle {
+ width: .6em;
+ height: .4em;
+ top: -.1em;
+ margin-left: -.3em;
+}
+
+.video-buffer-status {
+ position: absolute;
+ width: 0;
+ top: 0;
+ bottom: 0;
+ padding: 0;
+ margin: 0;
+ opacity: .2;
+ background: #000;
+}
Oops, something went wrong.

0 comments on commit 8cf8fe0

Please sign in to comment.