Gli ultimi tutorial di sviluppo web

×

JavaScript Riferimento

JavaScript

JS stringa JS Numero JS operatori JS dichiarazioni JS Matematica JS Data JS schieramento JS booleano JS RegExp JS situazione generale JS Conversione

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementi DOM attributi DOM evento DOM Stile

HTML Oggetti

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

altri oggetti

CSSStyleDeclaration

Video width Property

Esempio

Modificare la larghezza del lettore video:

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

Prova tu stesso "

Definizione e l'utilizzo

I set di proprietà width o restituisce il valore della width attributo di un video.

La width attributo specifica la larghezza di un lettore video, espressa in pixel.

Suggerimento: Specificare sempre sia l'altezza e la larghezza attributi per i video. Se altezza e la larghezza sono impostati, lo spazio necessario per il video è riservato quando la pagina viene caricata. Tuttavia, senza questi attributi, il browser non conosce la dimensione del video, e non può riservare lo spazio adeguato ad esso. L'effetto sarà che il layout di pagina cambierà durante il caricamento (durante il caricamento di video).

Nota: non ridimensionare il video con l'altezza e la larghezza attributi! Riduzione di un video di grandi dimensioni con l'altezza e la larghezza attributi forza un utente a scaricare il video originale (even if it looks small on the page) . Il modo corretto per ridimensionare un video è con un programma, prima di utilizzarlo in una pagina.

Supporto browser

La proprietà width è supportata in tutti i principali browser.

Nota: Internet Explorer 8 e versioni precedenti, non supportano il <video> elemento.

Sintassi

Restituisce la proprietà width:

videoObject .width

Impostare la proprietà width:

videoObject .width= pixels

I valori delle proprietà

Valore	Descrizione
pixels	Specifica la larghezza del lettore video, espressa in pixel (ie width="100")

Dettagli tecnici

Valore di ritorno:	Un numero, che rappresenta la larghezza del video, in pixel

Altri esempi

Esempio

Ottenere la larghezza di un video:

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

Il risultato di x sarà:

320

Prova tu stesso "

Pagine correlate

Di riferimento HTML: HTML <video> attributo width