Visualizzazione risultati 1 fino 2 di 2

Discussione: Problemi di Stop con video di youtube

  1. 14-08-2012, 17.05.51 #1
    Guest

    Predefinito 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&deg; 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');">&lt;&lt; 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&deg; 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&amp;enablejsapi=1" frameborder="0" width="853" height="480"></iframe></p>
<p><iframe id="2" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&amp;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');">&lt;&lt; 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');">&lt;&lt; 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!!!
  2. 15-08-2012, 19.38.07 #2
    Guest

    Predefinito

    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:
    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;	
}
    in questo modo si ricarica il frame del video da zero! OSSIA IN STOP!!!!!
    Ultima modifica di alemoppo : 15-08-2012 alle ore 20.17.17 Motivo: +tag [code]
« Discussione precedente | Prossima discussione »

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •  

Regole del forum