Responsive design para javascript

[ramondevesa]

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:

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!

[ipraetoriux]

...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:

window.onresize = function() {
    var x = viewport();
 
  if(x.width < 400){
    // aca codigo
  }
 
  if(x.width > 400 && x.width < 800){
    // aca codigo
  }
};
 
function viewport(){
    var e = window;
    var a = 'inner';
    if (!('innerWidth' in window)){
        a = 'client';
        e = document.documentElement || document.body;
    }
    return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
}