Как воспроизвести видео youtube в фоновом режиме в HTML или PHP.
Дорогие Все,
Я хочу воспроизвести youtube vedio(полноэкранный режим) в фоновом режиме, а над этим видео хочу отобразить еще одну html-страницу. Но передняя html-страница должна быть tanseperent.
Ниже приведена моя HTML-страница. Но у него есть проблема.Но в этом случае я не могу видеть видео в фоновом режиме.
<html>
<head>
<style type="text/css">
body{
background: #000;
margin:0;
color:#fff;
font-size:12px;
font-family: tahoma, arial;
}
div.transbox
{
width:400px;
height:400px;
margin:130px 150px;
background-color:black;
border:1px solid black;
opacity:0.9;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
}
.movie{
display:none;
}
.content{
width:900px;
position:relative;
top:100px;
margin:0 auto;
}
p{
margin-bottom:15px;
padding:10px;
}
#bgndEl{
position:relative;
margin:0 auto;
width:900px;
height:400px;
background: #000;
opacity:0.4;
filter:alpha(opacity=40);
}
h1{
font-size:24px;
font-weight:bold;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/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>
<div class="content">
<div id="bgndEl" style="border:2px solid white;">
<p>
<iframe src="C:\Documents and Settings\bidhu\Desktop\svg\1.html" width="400px" height="400px"></iframe>
</p>
</div>
<a id="bgndVideo" href="http://www.youtube.com/watch?v=3xaG882IJ44" class="movie {opacity:.40, isBgndMovie:{width:900,mute:true}, ID:'bgndEl', ratio:'16/9',quality:'default'}">
</a>
</div>
</body>
</html>
Пожалуйста, помогите мне и покажите, есть ли какая-либо ошибка в коде.
Заранее спасибо.
Ранджит Вадже