Il video di Youtube nel mio DIV nascosto inizia a caricare solo dopo che viene visualizzato il DIV

Ho una clip di YouTube in un DIV nascosto sulla mia pagina.

Dopo che la pagina è stata caricata, volevo che il video si caricasse silenziosamente in background in modo che quando l’utente fa clic sul pulsante per “hide” il DIV, il video sarà pronto.

Ma come ora, il video inizia a caricarsi solo dopo che l’utente ha fatto clic sul pulsante.

C’è un cambiamento che posso fare qui per avere il video caricato in background e poi nasconderlo o mostrarlo in base al clic del pulsante?

    Untitled Document   $(document).ready(function() { $("#show_video").click(function(){ $("#hello").show(); }); });     

Sì. Usa visibility:hidden anziché display:none . display:none significa che l’elemento non è reso come parte del DOM, quindi non viene caricato fino a quando la proprietà display non cambia in qualcos’altro. visibility:hidden carica l’elemento, ma non lo mostra.

Prova questo:

     Untitled Document         

Penso che tu debba anche mostrare il video. Hai mai notato sui video incorporati nelle pagine web che non mostrano nemmeno l’immagine statica di anteprima finché non scorrono nella visualizzazione?

Penso che combatteremo gli algoritmi di YouTube su quello. probabilmente è il loro objective NON caricare i video finché un utente non li fa clic.

puoi usare show () e hide () in Jquery.

     Untitled Document