etiqueta video y width

[manzajaro]

hola compañeros, mi pagina web esta basada en todo en porcentajes para ajustarse a todos los contenidos, estoy insertando unos videos apartir de la etiqueta video y el video.js, mi pregunta es estoy comprobando que el width y el height de la etiqueta video no admiten porcentajes, me pueden decir si eso es cierto?¿? y segundo e generado el siguiente script (he de decir que soy nuevo en javascript), solo quiero que el script abarque el ancho,
coge el ancho, y como quiero el 20% de la pagina pues eso es asi...
mi forma de llamarlo es la siguiente

function anchoPantalla() {
$ancho=screen.width;
$anchoTotal=(ancho*20/100);
return anchoTotal;
}


<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="anchoPantalla()" height="550"
poster="miniaturas/8.jpg" data-setup="{}">


me gustaria saber si esta bien hecho, o ay algun fallo... o como lo harian ustedes

un saludo y muchas gracias

[emprear]

No se bien como trabaja la clase video js, pero para fijar la etiqueta video al 100% debés utilizar css, y definir también el body al 100%

Lo que has hecho, no te va a funcionar
width="anchoPantalla()"
jamás el valor del atributo width podría ser el nombre de una función, a lo sumo, una función podría asignar el atributo width a la etiqueta video

Este link que te dejo corresponde a algunos experimentos que hice hace algún tiempo manejando la etiqueta video html5 con javascript, tiene algunos fallos, pero podés sacar alguna información que te sirva del código fuente

http://foros.emprear.com/html5/vplay...o-html5_g.html

Además te recomendaría leas atentamente la documentación de video.js, es muy probable que si tengas forma de poner video al 100% con la misma.
Como detalle final, no ha yque confundir video al 100% con video en modo fullscreen, está última propiedad solo está soportada por Safari y Chrome

Código:

webkitEnterFullscreen()

Saludos

[memoadian]

si lo que quieres es que el video sea por así decirlo responsive, puedes darle ancho 100% con css y ponerlo dentro de un contenedor que puedas controlar más facilmente su ancho.

tambien podrias usar mediaqueries.