Problemi di Stop con video di youtube
Salve a tutti!
Avrei disperatamente bisogno di una mano per capire un problema che mi sta facendo impazzire!!
Quello che vorrei tanto fare, è fare in modo che alla chiusura di una finestra (che in realtà viene nascosta) i video di youtube aggiunti tramite codice incorporato (iframe) si mettesse in stop!
Io non so più che pesci prendere!
Riporto il codice della pagina:
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>madb-graphic-motion-pictures</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="stylesheet" type="text/css" href="template/default/css/styles.css" />
<script type="text/javascript" src="template/default/librerie/jquery.js"></script>
<!-- Add Thumbnail helper (this is optional) -->
<script type="text/javascript" src="template/default/librerie/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="template/default/librerie/jquery.fancybox.js?v=1.0.2"></script> <script type="text/javascript" src="template/default/librerie/default.js"></script>
<script type="text/javascript" src="template/default/librerie/jquery.fancybox-thumbs.js?v=1.0.2"></script> <script type="text/javascript" src="template/default/librerie/default.js"></script>
<link rel="stylesheet" type="text/css" href="template/default/css/jquery.fancybox.css?v=1.0.2" />
<link rel="stylesheet" type="text/css" href="template/default/css/jquery.fancybox-thumbs.css?v=1.0.2" />
</head>
<body>
<div id="loading"><img src="template/default/image/loading-madb.gif" /></div>
<div id="body" style="visibility: hidden;">
<div class="testo_fade">
<div style="visibility: show;" id="menu_open">
<font id="navigator">
<a href="#homepage" onclick="smoothScroll('homepage'); return false"><img src="template/default/image/menu/home.png" /></a>
<a href="#biografia" onclick="smoothScroll('biografia'); return false"><img src="template/default/image/menu/biography.png" /></a>
<a href="#lavori" onclick="smoothScroll('lavori'); return false"><img src="template/default/image/menu/work.png" /></a>
<a href="#contatti" onclick="smoothScroll('contatti'); return false"><img src="template/default/image/menu/contact.png" /></a>
</font>
</div>
</div>
<div id="main" class="container">
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">
function show_progetto(immagini){
var progetto_id = document.getElementById(immagini);
var menu = document.getElementById("lista_progetti");
if(progetto_id.style.display == "block"){
$("div#video_"+immagini+" p").each(function (num,element) {
var videos = this.getElementsByTagName("iframe");
for(var i=0;i<videos.length; i++){
var id = videos[i].id;
videos[i].stopVideo();
}
});
$('#'+immagini).fadeOut(1000,function(){
progetto_id.style.display = "none";
$('#lista_progetti').fadeIn(1000,function(){
menu.style.display = "block";
});
});
}else{
$(".open-"+immagini).fancybox({
thumbs: {
width : 50,
height : 50
}
});
$('#lista_progetti').fadeOut(1000,function(){
menu.style.display = "none";
$('#'+immagini).fadeIn(1000,function(){
progetto_id.style.display = "block";
});
});
}
}
</script>
<div id="lavori">
<div id="gallery">
<div id="lista_progetti" style="display: block">
<nav id="filter"></nav>
<div style="padding: 10px;">
</div>
<section id="container">
<ul id="stage">
<li id="progetto_noja" data-tags="#illustration,#graphic">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td><small><b>Noja magazine</b></small></td></tr>
<tr valign="top"><td style="padding-top: 8px;"><img onclick="show_progetto('noja');" style="cursor: pointer;" src="lavori/lavori/noja/copertina.gif" alt="Noja magazine" /></td></tr>
<tr valign="top"><td style="font-size: 11px;"><p>Free magazine for fun</p></td></tr>
</table>
</li><li id="progetto_artelaguna" data-tags="#video">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td><small><b>Arte Laguna Prize</b></small></td></tr>
<tr valign="top"><td style="padding-top: 8px;"><img onclick="show_progetto('artelaguna');" style="cursor: pointer;" src="lavori/lavori/artelaguna/copertina.gif" alt="Arte Laguna Prize" /></td></tr>
<tr valign="top"><td style="font-size: 11px;"><p>Video promozionale animato per la 7° edizione del premio Arte Laguna</p></td></tr>
</table>
</li><li id="progetto_bigup" data-tags="#illustration,#graphic,#events">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td><small><b>Electra Sound Agency</b></small></td></tr>
<tr valign="top"><td style="padding-top: 8px;"><img onclick="show_progetto('bigup');" style="cursor: pointer;" src="lavori/lavori/bigup/copertina.gif" alt="Electra Sound Agency" /></td></tr>
<tr valign="top"><td style="font-size: 11px;"><p>Big Up party!</p>
<p>(nightlife)</p></td></tr>
</table>
</li><li id="progetto_fagofilmfest" data-tags="#video,#projects">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td><small><b>Lago Film Fest</b></small></td></tr>
<tr valign="top"><td style="padding-top: 8px;"><img onclick="show_progetto('fagofilmfest');" style="cursor: pointer;" src="lavori/lavori/fagofilmfest/copertina.gif" alt="Lago Film Fest" /></td></tr>
<tr valign="top"><td style="font-size: 11px;"><p>Gita al lago</p></td></tr>
</table>
</li>
</ul>
</section>
</div>
<div id="lista_anteprime">
<div id="artelaguna" style="display: none;">
<p style="cursor: pointer; padding-left: 12px;" id="filter" onclick="show_progetto('artelaguna');"><< back</p>
<table border="0" width="100%">
<tr valign="top">
<td width="20%" style="border-right: 1px solid white;">
<h3>Arte Laguna Prize</h3>
<p>Video promozionale animato per la 7° edizione del premio Arte Laguna</p>
</td>
<td style="padding-left: 20px;">
<div id="video_artelaguna" style="clear:both; width:100%; margin-top: 10px; border-top: 1px solid #FFF;">
<p><iframe id="1" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&enablejsapi=1" frameborder="0" width="853" height="480"></iframe></p>
<p><iframe id="2" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&enablejsapi=1" frameborder="0" width="853" height="480"></iframe></p>
</div>
</td>
</tr>
</table>
</div><div id="bigup" style="display: none;">
<p style="cursor: pointer; padding-left: 12px;" id="filter" onclick="show_progetto('bigup');"><< back</p>
<table border="0" width="100%">
<tr valign="top">
<td width="20%" style="border-right: 1px solid white;">
<h3>Electra Sound Agency</h3>
<p>Big Up party!</p>
<p>(nightlife)</p>
</td>
<td style="padding-left: 20px;">
<div id="video_bigup" style="clear:both; width:100%; margin-top: 10px; border-top: 1px solid #FFF;">
</div>
</td>
</tr>
</table>
</div><div id="fagofilmfest" style="display: none;">
<p style="cursor: pointer; padding-left: 12px;" id="filter" onclick="show_progetto('fagofilmfest');"><< back</p>
<table border="0" width="100%">
<tr valign="top">
<td width="20%" style="border-right: 1px solid white;">
<h3>Lago Film Fest</h3>
<p>Gita al lago</p>
</td>
<td style="padding-left: 20px;">
<div id="video_fagofilmfest" style="clear:both; width:100%; margin-top: 10px; border-top: 1px solid #FFF;">
<p><iframe src="http://www.youtube.com/embed/7yyMLg_y9-M" frameborder="0" width="850" height="478"></iframe></p>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="little_space"></div>
</div>
</div>
<script type="text/javascript" src="template/default/librerie/jquery.quicksand.js"></script>
<script type="text/javascript" src="template/default/librerie/script.js"></script>
</div>
</div>
</body>
</html>
Il problema si trova nella sezione LAVORI, dove ci sono la lista dei progetti principali e poi sotto i progetti già aperti ma nascosti!
Grazie mille!!!
