tutoriais mais recente desenvolvimento web

×

JavaScript Referência

JavaScript

JS Corda JS Número JS operadores JS demonstrações JS Matemática JS Encontro JS ordem JS boolean JS RegExp JS Global JS Conversão

navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM elementos DOM Atributos DOM Eventos DOM Estilo

HTML objetos

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

outros objetos

CSSStyleDeclaration

Video width Property

Exemplo

Alterar a largura do player de vídeo:

document.getElementById("myVideo").width = "500";

Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades de largura ou retorna o valor da width atributo de um vídeo.

A width atributo especifica a largura de um leitor de vídeo, em pixels.

Dica: Sempre especificar atributos de altura e largura para vídeos. Se a altura e a largura estiverem definidos, o espaço necessário para o vídeo é reservado quando a página é carregada. No entanto, sem esses atributos, o navegador não sabe o tamanho do vídeo, e não pode reservar o espaço apropriado para ele. O efeito será que o layout da página vai mudar durante o carregamento (enquanto as cargas de vídeo).

Nota: Não redimensionar vídeo com atributos de altura e largura! Redução de um grande vídeo com atributos de altura e largura força um usuário baixar o vídeo original (even if it looks small on the page) . A maneira correta de redimensionar um vídeo é com um programa, antes de usá-lo em uma página.

Suporte navegador

A propriedade largura é suportado em todos os principais navegadores.

Nota: Internet Explorer 8 e versões anteriores, não suportam o <video> elemento.

Sintaxe

Devolver a propriedade width:

videoObject .width

Defina a propriedade width:

videoObject .width= pixels

Valores de propriedade

Valor	Descrição
pixels	Especifica a largura do leitor de vídeo, em pixels (ie width="100")

Detalhes técnicos

Valor de retorno:	Um número, que representa a largura do vídeo, em pixels

mais Exemplos

Exemplo

Obter a largura de um vídeo:

var x = document.getElementById("myVideo").width;

O resultado x será:

320

Tente você mesmo "

Páginas relacionadas

Referência HTML: HTML <video> atributo de largura