Foros del Web » Programando para Internet » Javascript »

Responsive design para javascript

Estas en el tema de Responsive design para javascript en el foro de Javascript en Foros del Web. Buenas, me ocurre lo siguiente: Tengo un reproductor de videos que me genera un servidor de streaming, este código que genera, genera una etiqueta object ...
  #1 (permalink)  
Antiguo 19/05/2013, 09:12
 
Fecha de Ingreso: noviembre-2010
Mensajes: 234
Antigüedad: 13 años, 5 meses
Puntos: 2
Responsive design para javascript

Buenas, me ocurre lo siguiente:

Tengo un reproductor de videos que me genera un servidor de streaming, este código que genera, genera una etiqueta object la cual controlo desde css, en el reproductor se abre una pequeña pantalla para realizar un pago, si cierras esa ventana, el reproductor coge la dimensión que indica este código javascript:

Código Javascript:
Ver original
  1. var svp_player = new SVPDynamicPlayer("svp_player{{ video.url }}", "", "860", "450", {use_div:"svp_player{{ video.url }}",skin:"3"}, vars);

entonces coge el tamaño de 860 y 450, y me gustaría que esos valores lo cogiera del css donde tengo ya hecho el responsive de la etiqueta object, ¿esto se puede hacer? extraer los valores del css para ponerlos en el código javascript.

Gracias, un saludo!
  #2 (permalink)  
Antiguo 20/05/2013, 04:30
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años
Puntos: 155
Respuesta: Responsive design para javascript

...en realidad lo que puedes hacer, es establecer los CSS de object desde el Javascript según la resolución de pantalla...

...aca tienes como establer las dimesiones...


Código Javascript:
Ver original
  1. window.onresize = function() {
  2.     var x = viewport();
  3.  
  4.   if(x.width < 400){
  5.     // aca codigo
  6.   }
  7.  
  8.   if(x.width > 400 && x.width < 800){
  9.     // aca codigo
  10.   }
  11. };
  12.  
  13. function viewport(){
  14.     var e = window;
  15.     var a = 'inner';
  16.     if (!('innerWidth' in window)){
  17.         a = 'client';
  18.         e = document.documentElement || document.body;
  19.     }
  20.     return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
  21. }

Etiquetas: design, responsive
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:22.