LinkBack URL
About LinkBacksSalve 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!!!
Visualizzazione risultati 1 fino 2 di 2
Discussione: Problemi di Stop con video di youtube
-
14-08-2012, 17.05.51 #1Guest
Problemi di Stop con video di youtube
-
15-08-2012, 19.38.07 #2Guest
Ho trovato come risolvere!!
Sono un pirla! L'idea più semplice è la migliore!!
Riporto la modifica così se qualcun'altro ha lo stesso problema mio può risolvere:
in questo modo si ricarica il frame del video da zero! OSSIA IN STOP!!!!!Codice:var videos = this.getElementsByTagName("iframe"); for(var i=0;i<videos.length; i++){ var old_src= videos[i].src; videos[i].src = ""; videos[i].src = old_src; }Ultima modifica di alemoppo : 15-08-2012 alle ore 20.17.17 Motivo: +tag [code]
