Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Video width attribute

Previous: HTML DOM Video volume properties

Next: HTML DOM Video videoTracks property

Video Object Reference

Examples

Modify the width of the video player:

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

Definition and Usage

width property sets or returns the width of the video player.

width attribute describes the width of the video player in pixels.

Tip: predetermined width and height of the video is a good habit.If you set these properties, when the page loads will set aside space for the video. If you do not set these properties, the browser can not be pre-determined dimensions of the video, so you can not reserve a suitable space for the video. As a result, in the process of loading the page, its layout will change.

Note: Do not scale the video by height and width attributes!By height and width attributes to narrow the video will only force the user to download the original video (even though it looks small on the page). Before the correct approach is to use the video on the page, using the software for video compression.

Browser Support

All major browsers support width attribute.

Note: Internet Explorer 8 and earlier versions of IE do not support the <video> element.

grammar

Back width attributes:

videoObject .width

Setting the width property:

videoObject .width = pixels

Property Value

value	description
pixels	It describes a video player width in pixels (eg: width = "100")

technical details

return value:	Number that video width in pixels.

More examples

Examples

Get width of the video:

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

x output values:

320

Related Pages

HTML Reference Manual: HTML <Video> width attribute

Video Object Reference

Previous: HTML DOM Video volume properties

Next: HTML DOM Video videoTracks property