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 PHP:
<!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>
<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]template/default/image/loading-madb.gif[/img]</div>
<div id="body" style="visibility: hidden;">
<div class="testo_fade">
<div style="visibility: show;" id="menu_open">
<font id="navigator">
[url="#homepage"][img]template/default/image/menu/home.png[/img][/url]
[url="#biografia"][img]template/default/image/menu/biography.png[/img][/url]
[url="#lavori"][img]template/default/image/menu/work.png[/img][/url]
[url="#contatti"][img]template/default/image/menu/contact.png[/img][/url]
</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>[size="1"][b]Noja magazine[/b][/size]</td></tr>
<tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/noja/copertina.gif[/img]</td></tr>
<tr valign="top"><td style="font-size: 11px;">
Free magazine for fun</p></td></tr>
</table>
<li id="progetto_artelaguna" data-tags="#video">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td>[size="1"][b]Arte Laguna Prize[/b][/size]</td></tr>
<tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/artelaguna/copertina.gif[/img]</td></tr>
<tr valign="top"><td style="font-size: 11px;">
Video promozionale animato per la 7° edizione del premio Arte Laguna</p></td></tr>
</table>
<li id="progetto_bigup" data-tags="#illustration,#graphic,#events">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td>[size="1"][b]Electra Sound Agency[/b][/size]</td></tr>
<tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/bigup/copertina.gif[/img]</td></tr>
<tr valign="top"><td style="font-size: 11px;">
Big Up party!</p>
(nightlife)</p></td></tr>
</table>
<li id="progetto_fagofilmfest" data-tags="#video,#projects">
<table border="0" style="text-align: center;" width="250px">
<tr valign="top"><td>[size="1"][b]Lago Film Fest[/b][/size]</td></tr>
<tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/fagofilmfest/copertina.gif[/img]</td></tr>
<tr valign="top"><td style="font-size: 11px;">
Gita al lago</p></td></tr>
</table>
[/list]
</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>
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;">
<iframe id="1" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&enablejsapi=1" frameborder="0" width="853" height="480"></iframe></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>
Big Up party!</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>
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;">
<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!!!