2012-03-26 15 views
5

sto utilizzando PhoneGap/Cordova 1.5.0, questa è la mia pagina HTML:il video Vimeo incorporato non giocherà in un'applicazione PhoneGap, ma lo stesso HTML funziona senza PhoneGap

<html> 
<head></head> 
<body> 
<iframe src="http://player.vimeo.com/video/38799240?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
</body> 
</html> 

Utilizzando un Motorola Droid 2 con Android OS 2.3.3 installato, se richiamo questa pagina HTML in un normale browser, posso riprodurre il video come previsto.

Ma se faccio la mia pagina index.html in HTML in un progetto PhoneGap posso vedere la miniatura del video e il pulsante di riproduzione, ma toccando su di esso si gira solo il pulsante di riproduzione per uno spinner per un secondo, e il video non gioca.

ho trovato alcuni post che rendono il suono come se fosse un problema di origine di accesso, alcuni hanno detto è possibile utilizzare un carattere jolly come *, altri hanno detto che è come una regex perl, in modo da utilizzare un wildstar regex, vale a dire: .*, mi provato molte versioni nel mio file res/xml/cordova.xml come:

<access origin="http://127.0.0.1*"/> 
<access origin="http://player.vimeo.com*"/> 
<access origin="http://*.vimeocdn.com*" /> 
<access origin="http://*.vimeo.com*" /> 
<access origin="http://vimeo.com*" /> 

che non sembra avere un effetto.

Non ho ancora provato questo in un ambiente iPhone PhoneGap.

Grazie!

+0

Prova a inserire 'http: // *' e se funziona, puoi essere abbastanza sicuro che si tratta di un problema dell'origine di accesso. – joshuahealy

+1

Ma probabilmente non è una buona idea lasciare "http: // *" lì dentro, provare a capire gli URL esatti che devi avere lì dentro. – joshuahealy

+0

@appclay Provato 'http: // *' e 'http: //.*', nessun dado. Grazie per il suggerimento. –

risposta

0

non è possibile includere video esterni (vimeo/youtube) in PhoneGap come quello. devi puntare al video reale o semplicemente aprire il video che hai già in childbrowser (usare un'immagine con un video come trigger sarebbe bello).

0

Sono in grado di riprodurre video Vimeo utilizzando tag iFrame nella mia app iOS, anch'essa basata su phonegap. Sto usando Phonegap 3.2.0 qui. Di seguito è riportato il codice che sto usando

NSString* embedHTML = @"<html><head>\ 
<style type=\"text/css\">\body {\background-color: #000000;\ 
color: white;}</style></head><body style=\"margin:0\">\ 
<iframe width=\"512\" height=\"374\" src=\"http://player.vimeo.com/video/60331941\" frameborder=\"0\" allowfullscreen></iframe></body></html>"; 

NSString* html = [NSString stringWithFormat:embedHTML, urlVideo]; 

[customWebView loadHTMLString:html baseURL:nil]; 

Ho inserito nella whitelist di seguito gli URL nel mio file config.xml.

<access origin="*.vimeo.com" /> 
<access origin="*.vimeocdn.com" /> 

Ho scritto questo codice all'interno di una classe di plugin phonegap. Quindi, sono in grado di scrivere codice C obiettivo qui. Ma lo stesso potrebbe essere fatto anche nel file html.

Spero che sia d'aiuto in qualche modo !!

Problemi correlati