2012-03-26 5 views
5

estoy usando PhoneGap/Cordova 1.5.0, esta es mi página HTML:Embedded vídeo Vimeo no jugará en una aplicación PhoneGap, pero el mismo HTML que funciona sin 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> 

El uso de un Motorola Droid 2 con Android OS 2.3.3 instalado, en caso de que tire página HTML en un navegador normal, puedo reproducir el vídeo como se esperaba.

Pero si hago que HTML sea mi página index.html en un proyecto de PhoneGap, puedo ver la miniatura del video y el botón de reproducción, pero al tocarlo solo se gira el botón Reproducir a un girador por un segundo, y el video no juega

me encontré con un par de mensajes que hacen que suene como si fuera un problema de origen acceso, algunos dijeron que se puede utilizar un comodín como *, otros dijeron que es una expresión regular Perl, por lo que utilizar un Wildstar expresiones regulares, es decir: .*, me probado muchas versiones en mi archivo res/xml/cordova.xml como:

<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*" /> 

que no parece tener un efecto.

No he probado esto en un entorno iPhone PhoneGap todavía.

Gracias!

+0

Intenta simplemente poner 'http: // *' y si eso funciona, entonces puedes estar bastante seguro de que es un problema de origen de acceso. – joshuahealy

+1

Pero probablemente no sea una buena idea dejar 'http: // *' allí, tratar de descubrir las URL exactas que necesita tener ahí. – joshuahealy

+0

@appclay Probé 'http: // *' y 'http: //.*', sin dados. Gracias por la sugerencia. –

Respuesta

0

no puede incluir vídeo externo (Vimeo/youtube) en PhoneGap así. necesita estar señalando el vídeo real o simplemente abrir el video que ya tiene en childbrowser (utilizando una imagen con una videostill como disparador sería bueno).

0

soy capaz de reproducir vídeos Vimeo utilizando etiqueta IFRAME en mi aplicación para iOS que también se basa PhoneGap. Estoy usando Phonegap 3.2.0 aquí. Debajo está el código que estoy 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]; 

He incluido en la lista debajo de las URL en mi archivo config.xml.

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

He escrito este código dentro de una clase de complemento de fajo telefónico. Entonces, puedo escribir código Object-C aquí. Pero lo mismo podría hacerse en el archivo html también.

Espero que ayude de alguna manera !!

Cuestiones relacionadas