Ho una pagina Web che "riproduce un video" utilizzando fogli sprite. La pagina è ottimizzata per dispositivi mobili, quindi può essere caricata su WebViews per Android e iOS. Mi piacerebbe sapere quando la pagina è visibile, quindi solo dopo posso riprodurre il video. Non voglio che gli utenti catturino il video mid-stream perché la WebView si ritarda nel presentarsi.Come scoprire se WebView è visualizzato/su schermo/visibile utilizzando JavaScript
Riesco a vedere alcuni sviluppatori potrebbero attendere fino a quando l'intera pagina non ha completato l'estrazione di tutte le risorse dalla pagina prima di renderla visibile all'utente. Quindi, non voglio che il "video" inizi prima di quel momento. Non posso fare affidamento su window.onload perché quell'evento si attiva anche quando WebView non è visibile o sullo schermo.
Come posso realizzare questo dal lato client, con qualche JavaScript, preferibilmente?
[Modifica] Per essere chiari, sto insinuando che non ho alcun controllo sul WebView nativo. È possibile caricare pagine Web in una WebView che non è sullo schermo e spingere la vista o aggiungerla al layout su schermo in un secondo momento. Il mio problema è che quando l'URL della mia pagina web viene caricato in una WebView, non posso dire quando WebView viene visualizzato sullo schermo.
Hai provato jQuery $ (document) .ready (function() {// code per mostrare il video}); – Stiger
come una semplice correzione, vorrei solo aggiungere un leggero ritardo per l'animazione usando 'setTimeout()' – kennypu
Hmm, non sto usando jQuery affatto. È una buona idea includere quella libreria solo per quella funzione 'ready'? Qual è il normale ol 'equivalente JavaScript? – user2122422