2011-12-18 13 views
8

Sto usando jquery per espandere un div con un emb di youtube, ma quando faccio clic per espandere la dimensione div firefox interrompe l'esecuzione di youtube embed. Chrome, IE9 ecc. Non interrompere la riproduzione del video quando si espande la dimensione. Spero che qualcuno saprà di una soluzione.firefox stop video YouTube durante l'espansione div

$(document).ready(function() { 
    $("#wideView").click(function() { 
     $("#youtube-movie").toggleClass("wide"); 
    }); 
}); 

Acclamazioni

+0

Quale soluzione desideri? Uno che interrompe il video in Chrome e IE9 o uno che fa continuare a giocare a Firefox? – sarnold

+0

Aspetta, quindi il video che desideri mostrare è incorporato all'interno del DIV e stai aggiungendo anche un evento click? È corretto? –

+0

Demo: http://jsfiddle.net/rVbQ6/ Almeno con FF8 e un iframe, sembra funzionare. –

risposta

1

Se si è certi che il codice nel tuo OP è l'unica cosa che sta succedendo, allora è perché .wide cambia dinamicamente overflow che provoca un ridisegno di elementi per bambini in Firefox. Ciò significa che il flash player si resetterà e smetterà di suonare.

Demo qui: http://jsfiddle.net/rVbQ6/2/ (farlo in Firefox e si vedrà)

La soluzione è quello di rimuovere eventuali manipolazioni di overflow.

+5

Questo è un commento, non una risposta. –

+1

Ecco perché è un * commento *. Anche l'ipotesi astratta non è una risposta appropriata. –

+0

Ok lo ho riformulato – Esailija

Problemi correlati