Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2013
    Messaggi
    2

    Video in overlay con jQuery

    Ciao a tutti,

    ho inserito in una pagina html un video da youtube che, al click, si apre in "overlay" (ossia tipo un pop-up). Ci sono riuscito seguendo una guida su internet, vi posto il codice:

    Codice JavaScript
    codice:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" ></script> 
            <script type="text/javascript">      
             $(document).ready(function() {
                $(".apri").click(
                   function(){
                      $('#overlay').fadeIn('fast');
                      $('#box').fadeIn('slow');
                   }
                );
                 
                $(".chiudi").click(
                   function(){
                      $('#overlay').fadeOut('fast');
                      $('#box').hide();
                   }
                );
                 
                 //chiusura emergenza
                $("#overlay").click(
                   function(){
                      $(this).fadeOut('fast');
                      $('#box').hide();
                   }
                );
             });
          </script>
    Codice HTML
    codice:
    <div class="overlay" id="overlay" style="display:none;"></div>
                    <div id="box">
                        <iframe width="600" height="400" src="http://www.youtube.com/embed/NEwtc-3LPRg" frameborder="0" allowfullscreen></iframe>
          </div>
    Ora veniamo al problema: appena clicco su di un pulsante appare il video in overlay ma, ovviamente, è in pausa. Io ho bisogno che parta già in play e, inoltre, quando chiudo il pop-up vorrei che il video si stoppasse. Come si implementano queste funzionalità?

    Attendo un vostro aiuto. Grazie

    Marco

    EDIT: per farvi capire meglio, vi linko un esempio di ciò che vorrei ottenere. Se cliccate sull'immagine di fianco a "Prodotti Business", sopra Spotify, vedrete ciò che intendo.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    L'esempio su iPad non funziona, non so se può essere importante.
    Se ho capito l'hai fatto tu, forse usando Francybox per l'overlayer e https://developers.google.com/youtube/v3/ per la gestione dei video risolvi
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2013
    Messaggi
    2
    Darò un'occhiata alle API YouTube, grazie per il link. Se riesco a risolvere posto la soluzione.

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.