HTML and CSS Reference
In-Depth Information
<video src="videofile.ogv"
poster="posterimage.jpg">
</video>
The
width
and
height
attributes set the
width and height of the
<video>
element:
<video src="videofile.ogv"
width="400px" height="300px">
</video>
Note that this doesn't directly set the width
and height of the video itself; the aspect
ratio of the video is always preserved. You
can also set the width and height with
CSS
:
video {
width: 400px;
height: 300px;
}
If you set
width
and
height
attributes and
also set the width and height with
CSS
, the
CSS
wins:
<video src="videofile.ogv"
width="400px" height="300px"
style="width: 320px;
height: 180px;">
</video>
The
muted
attribute sets the default volume
of the video to 0:
<video src="videofile.ogv" muted>
</video>
Unfortunately it doesn't yet work in any
browsers, but you can fake it with this bit
of JavaScript:
onloadeddata="this.volume = 0;"