Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    9

    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 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&deg; 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');">&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>
                    

    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;">
                        

    <iframe id="1" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&amp;enablejsapi=1" frameborder="0" width="853" height="480"></iframe></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>
                    

    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');">&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>
                    

    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!!!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    non conosco le api di youtube, pertanto non so dirti se fornisce la possibilita di fermare i video, se non l'hai già fatto documentati sul sito, nel caso non fosse possibile potresti provare a forzare lo svuotamento del documet.getElementById('idtuoframe').src='' quando nascondi la popup ma in questo caso se ti dovesse riservire il video partirebbe dall'inizio.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    9
    grazie mille per avermi risposto!

    La tua idea non è male..se cambio l'scr dell'iframe in teoria non dovrebbe riparire perché si ricaricherebbe il video!! ADESSO PROVO!!

    E' una soluzione così semplice che sono un mona a non averci pensato prima!! Grazie!!

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    9
    Originariamente inviato da cavicchiandrea
    non conosco le api di youtube, pertanto non so dirti se fornisce la possibilita di fermare i video, se non l'hai già fatto documentati sul sito, nel caso non fosse possibile potresti provare a forzare lo svuotamento del documet.getElementById('idtuoframe').src='' quando nascondi la popup ma in questo caso se ti dovesse riservire il video partirebbe dall'inizio.
    TI ADORO FUNZIONA!!!

    L'IDEA PIU' SEMPLICE E' LA MIGLIORE!!


    Sono un idiota!! Era ovvio che così funzionava, perché ricaricava da zero il frame!!!

    GRAZIE MILLE!!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.