Skip to content
Browse files

test

  • Loading branch information...
1 parent 801c4a3 commit 22c7b4e72d0ff845723925859cb83dd7fd0a783c @pupunzi committed Dec 6, 2011
Showing with 97 additions and 4 deletions.
  1. +5 −4 HTML5_API.html
  2. +92 −0 test.html
View
9 HTML5_API.html
@@ -53,7 +53,6 @@
$.mbYTPlayer.YTAPIReady=true;
}
-
/*
*
* YT videos thumb: http://img.youtube.com/vi/3ovA7zeviRo/0.jpg 1/2/3
@@ -105,6 +104,8 @@
var playerBox= $("<div/>").attr("id",playerID).addClass("playerBox");
+ console.debug(videoID);
+
//var contWrapper= $("<div/>").addClass("mbYTP_contentWrapper");
//contWrapper.css({position:"absolute",zIndex:1,minWidth:"100%", minHeight:"100%"});//
@@ -227,7 +228,7 @@
<h1 style="color:white"> this YTPlayer uses the new iframe embed </h1>
</div>
-<div id="P1" class="player" style="" data-property="{videoURL:'3ovA7zeviRo',containment:'self',autoPlay:true, startAt:40, opacity:.7}">
+<div id="P1" class="player" style="" data-property="{videoURL:'3ovA7zeviRo',containment:'self',autoPlay:true,startAt:40,opacity:.7}">
<span style="color:white; padding:10px;">test</span>
<div class="controls">
<button onclick="$('#P1').getPlayer().playVideo()">play</button>
@@ -236,15 +237,15 @@ <h1 style="color:white"> this YTPlayer uses the new iframe embed </h1>
<button onclick="$('#P1').playerDestroy()">destroy</button>
</div>
</div>
-<div id="P2" class="player" style="" data-property="{videoURL:'3ovA7zeviRo', containment:'self',autoPlay:false, opacity:.7}">
+<div id="P2" class="player" style="" data-property="{videoURL:'3ovA7zeviRo',containment:'self',autoPlay:false,opacity:.7}">
<div class="controls">
<button onclick="$('#P2').getPlayer().playVideo()">play</button>
<button onclick="$('#P2').getPlayer().pauseVideo()">pause</button>
<button onclick="$('#P2').fullScreen()">fullScreen</button>
</div>
</div>
-<div id="P3" class="player" style="" data-property="{videoURL:'3ovA7zeviRo', containment:'body',autoPlay:true, startAt:1, opacity:1}"></div>
+<div id="P3" class="player" style="" data-property="{videoURL:'3ovA7zeviRo',containment:'body',autoPlay:true,startAt:1,opacity:1}"></div>
<!--<div id="P3" class="player" style="" data-property="{videoURL:'V2rifmjZuKQ', containment:'body',autoPlay:true, startAt:1, opacity:1}"></div>-->
</body>
View
92 test.html
@@ -0,0 +1,92 @@
+<!doctype html>
+
+<!--
+ ~ jquery.mb.components
+ ~ Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
+ ~ email: mbicocchi@open-lab.com
+ ~ site: http://pupunzi.com
+ ~
+ ~ Licences: MIT, GPL
+ ~ http://www.opensource.org/licenses/mit-license.php
+ ~ http://www.gnu.org/licenses/gpl.html
+ -->
+
+
+<html>
+<head>
+ <title>youtube Chromeless fullscreen</title>
+ <link href="css/mb.YTVPlayer.css" media="all" rel="stylesheet" type="text/css">
+ <style type="text/css">
+ body{
+ background: url("images/06.jpg");
+ margin:0;
+ }
+ #content{
+ color:white;
+ font:40px/40px Calibri;
+ text-align:center;
+ padding-top:200px;
+ text-shadow:#666666 2px 2px 4px;
+ width:600px;
+ left:600px;
+ }
+ .movie{
+ display:none;
+ position:relative; z-index:0;
+ }
+ .dida{
+ position:fixed;
+ bottom:0;
+ font: 12px/14px Arial, sans-serif;
+ color:white;
+ padding:10px;
+ }
+ #main {position:absolute; z-index: 999;
+ }
+
+ </style>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
+ <script type="text/javascript" src="inc/jquery.metadata.js"></script>
+ <script type="text/javascript" src="inc/jquery.mb.YTPlayer.js"></script>
+ <script type="text/javascript">
+ $(function(){
+ $(".movie").mb_YTPlayer();
+ });
+ </script>
+
+</head>
+<body>
+<div id="main">
+ <TABLE WIDTH=1280 BORDER=0 CELLPADDING=0 CELLSPACING=0>
+ <TR>
+
+ <TD> <a href="http://www.nighthawks.co.in"><IMG SRC="http://buygranites.com/youtube/images/TEMP_01.jpg" ALT="" WIDTH=1280 HEIGHT=360 border="0"></a></TD>
+
+ </TR>
+ <TR>
+ <TD>
+ <IMG SRC="http://buygranites.com/youtube/images/TEMP_02.jpg" WIDTH=1280 HEIGHT=413 ALT=""></TD>
+ </TR>
+ <TR>
+ <TD>
+ <IMG SRC="http://buygranites.com/youtube/images/TEMP_03.jpg" WIDTH=1280 HEIGHT=727 ALT=""></TD>
+ </TR>
+
+ </TABLE>
+</div>
+<div id="content">
+ <br><br>
+ This is a Youtube movie setted as background of this page<br><br>
+ <!--<a id="bgndVideo" href="http://www.youtube.com/watch?v=zrikGVaHOa0&feature=topvideos" class="movie {opacity:.4, isBgndMovie:{width:'1990',mute:false}, ratio:'4/3'}">Bill Viola</a>-->
+ <!--<a id="bgndVideo" href="http://www.youtube.com/watch?v=zrikGVaHOa0&feature=topvideos" class="movie {opacity:.8, isBgndMovie:{width:'1920',mute:true}, ratio:'16/9',quality:'default'}">Bill Viola</a>-->
+ <a id="bgndVideo" href="http://www.youtube.com/watch?v=zrikGVaHOa0&feature=topvideos" class="movie {opacity:.1, isBgndMovie:{width:'530',mute:true}, ratio:'16/9',quality:'default'}">Bill Viola</a>
+ <!--<a id="bgndVideo" href="http://www.youtube.com/watch?v=zrikGVaHOa0&feature=topvideos" class="movie {opacity:.8, isBgndMovie:{width:'window',mute:true}, ratio:'16/9',quality:'default'}">Bill Viola</a>-->
+
+</div>
+<div class="dida">Urban Abstract Art Director Jopsu Ramu from Musuta Ltd.</div>
+<!--<div class="dida">Bill Viola - The Quintet of the Astonished (2000)</div>-->
+
+</body>
+
+</html>

0 comments on commit 22c7b4e

Please sign in to comment.
Something went wrong with that request. Please try again.