<video>

  • Revision slug: HTML/Element/video
  • Revision title: bokep jakarta
  • Revision id: 363467
  • Created:
  • Creator: awalps
  • Is current revision? No
  • Comment

Revision Content

{{HTMLVersionHeader(5)}}

Summary

The HTML <video> element is used to embed video content in an HTML or XHTML document.

For a list of supported formats, see Media formats supported by the audio and video elements.

Usage context

Permitted content Transparent content, containing either a src attribute or one or more {{HTMLElement("source")}} elements, followed by either flow content or phrasing content , with no <video> or {{HTMLElement("audio")}} elements.
Tag omission None, both start and end tags must be present
Permitted parent elements Any element that accepts flow content, or any element that accepts phrasing content.
Normative document HTML5, section 4.8.6

Attributes

This element includes the global attributes.

{{htmlattrdef("autoplay")}}
A Boolean attribute; if specified, the video will automatically begin to play back as soon as it can do so without stopping to finish loading the data.
{{htmlattrdef("autobuffer")}} {{Non-standard_inline}} {{obsolete_inline}}
A Boolean attribute; if specified, the video will automatically begin buffering even if it's not set to automatically play. This should be used for cases in which it is considered likely that the video will be played (for example, if the user navigated to the page specifically to play the video, not if there happens to be a video embedded along with other content). The video is buffered until the media cache is full.
Implementation note: though part of the early drafts of the HTML5 specification, the autobuffer attribute has been removed in later releases. It has been removed from Gecko 2.0 and other browsers, and never implemented in some. The spec defines a new enumerated attribute, preload, to replace the autobuffer attribute, with a different syntax. {{bug(548523)}}
{{htmlattrdef("buffered")}}
An attribute you can read to determine which time ranges of the media have been buffered. This attribute contains a {{domxref("TimeRanges")}} object.
{{htmlattrdef("controls")}}
If this attribute is present, Gecko will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
{{htmlattrdef("crossorigin")}}
This enumerated attribute indicates if the fetching of the related image must be done using CORS or not. CORS-enabled resources can be reused in the {{HTMLElement("canvas")}} element without being tainted. The allowed values are:
anonymous
A cross-origin request (i.e. with Origin: HTTP header) is performed. But no credential is sent (i.e. no cookie, no X.509 certificate and no HTTP Basic authentication is sent). If the server does not give credentials to the origin site (by not setting the Access-Control-Allow-Origin: HTTP header), the image will be tainted and its usage restricted..
use-credentials
A cross-origin request (i.e. with Origin: HTTP header) is performed with credential is sent (i.e. a cookie, a certificate and HTTP Basic authentication is performed). If the server does not give credentials to the origin site (through Access-Control-Allow-Credentials: HTTP header), the image will be tainted and its usage restricted.
When not present, the resource is fetched without a CORS request (i.e. without sending the Origin: HTTP header), preventing its non-tainted used in {{HTMLElement('canvas')}} elements. If invalid, it is handled as if the enumerated keyword anonymous was used. See CORS settings attributes for additional information.
{{htmlattrdef("height")}}
The height of the video's display area, in CSS pixels.
{{htmlattrdef("loop")}}
A Boolean attribute; if specified, we will, upon reaching the end of the video, automatically seek back to the start.
{{htmlattrdef("muted")}}
A Boolean attribute which indicates the default setting of the audio contained in the video. If set, the audio will be initially silenced. Its default value is false, meaning that the audio will be played when the video is played.
{{htmlattrdef("played")}}
A {{domxref("TimeRanges")}} object indicating all the ranges of the video that have been played.
{{htmlattrdef("preload")}}
This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values:
  • none: hints that either the author thinks that the user won't need to consult that video or that the server wants to minimize its traffic; in others terms this hint indicates that the video should not be cached.
  • metadata: hints that though the author thinks that the user won't need to consult that video, fetching the metadata (e.g. length) is reasonable.
  • auto: hints that the user needs have priority; in others terms this hint indicated that, if needed, the whole video could be downloaded, even if the user is not expected to use it.
  • the empty string: which is a synonym of the auto value.

If not set, its default value is browser-defined (i.e. each browser can choose its own default value), though the spec advises it to be set to metadata.

Usage notes:
  • The autoplay attribute has precedence over this one as if one wants to automatically play a video, the browser will obviously need to download it. Setting both the autoplay and the preload attributes is allowed by the specification.
  • The browser is not forced by the specification to follow the value of this attribute; it is a mere hint.
{{htmlattrdef("poster")}}
A URL indicating a poster frame to show until the user plays or seeks. If this attribute isn't specified, nothing is displayed until the first frame is available; then the first frame is displayed as the poster frame.
{{htmlattrdef("src")}}
The URL of the video to embed. This is optional; you may instead use the {{HTMLElement("source")}} element within the video block to specify the video to embed.
{{htmlattrdef("width")}}
The width of the video's display area, in CSS pixels.

Time offsets are currently specified as a float value representing the number of seconds to offset.

Note: The time offset value definition has not yet been completed in the HTML 5 specification and is subject to change.

Examples

<!-- Simple video example -->
<video src="videofile.ogg" autoplay poster="posterimage.jpg">
  Sorry, your browser doesn't support embedded videos, 
  but don't worry, you can <a href="videofile.ogg">download it</a>
  and watch it with your favorite video player!
</video>

<!-- Video with subtitles -->
<video src="foo.ogg">
  <track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
  <track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska">
</video>

The first example plays a video, starting playback as soon as enough of the video has been received to allow playback without pausing to download more. Until the video starts playing, the image "posterimage.jpg" is displayed in its place.

The second example allows the user to choose between different subtitles.

Server support

If the MIME type for the video is not set correctly on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled).

If you serve your videos as Ogg Theora, you can fix this problem for the Apache Web Server by adding the extension used by your video files (".ogm", ".ogv", or ".ogg" are the most common ones) to the MIME type "video/ogg" via the "mime.types" file in "/etc/apache" or via the "AddType" configuration directive in httpd.conf.

AddType video/ogg .ogm
AddType video/ogg .ogv
AddType video/ogg .ogg

If you serve your videos as WebM you can fix this problem for the Apache Web Server by adding the extension used by your video files (".webm" is the most common one) to the MIME type "video/webm" via the "mime.types" file in "/etc/apache" or via the "AddType" configuration directive in httpd.conf.

AddType video/webm .webm

Your web host may provide an easy interface to MIME type configuration changes for new technologies until a global update naturally occurs.

DOM interface

This element implements the HTMLVideoElement interface.

Browser compatibility

{{CompatibilityTable}}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 3.0 {{CompatGeckoDesktop("1.9.1")}} 9.0 10.5 3.1
autoplay attribute 3.0 {{CompatGeckoDesktop("1.9.1")}} 9.0 10.5 3.1
buffered attribute {{CompatUnknown}} {{CompatGeckoDesktop("2.0")}} {{CompatUnknown}} Yes {{CompatUnknown}}
controls attribute 3.0 {{CompatGeckoDesktop("1.9.1")}} 9.0 10.5 3.1
loop attribute 3.0 {{CompatGeckoDesktop("11.0")}} 9.0 10.5 3.1
muted attribute {{CompatUnknown}} {{CompatGeckoDesktop("11.0")}} {{CompatUnknown}} Yes {{CompatUnknown}}
played property {{CompatUnknown}} {{CompatGeckoDesktop("15.0")}} {{CompatUnknown}} Yes {{CompatUnknown}}
poster attribute 3.0 {{CompatGeckoDesktop("1.9.2")}} 9.0 10.5 3.1
preload attribute 3.0 {{CompatGeckoDesktop("2.0")}} 9.0 Yes 3.1
src attribute 3.0 {{CompatGeckoDesktop("1.9.1")}} 9.0 10.5 3.1
crossorigin attribue {{CompatUnknown}} {{CompatGeckoDesktop("12.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{CompatUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
autoplay attribute {{CompatUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
buffered attribute {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
controls attribute {{CompatUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
loop attribute {{CompatUnknown}} {{CompatGeckoMobile("11.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
muted attribute {{CompatUnknown}} {{CompatGeckoMobile("11.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
played property {{CompatUnknown}} {{CompatGeckoMobile("15.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
poster attribute {{CompatUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
preload attribute {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
src attribute {{CompatUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
crossorigin attribute {{CompatUnknown}} {{CompatGeckoMobile("12.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

See also

Revision Source

<blockquote>
  <pre>
{{HTMLVersionHeader(5)}}</pre>
</blockquote>
<h2 id="Summary" name="Summary">Summary</h2>
<p>The <strong>HTML <code>&lt;video&gt;</code> element</strong> is used to embed video content in an HTML or XHTML document.</p>
<p>For a list of supported formats, see <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">Media formats supported by the audio and video elements</a>.</p>
<h2 id="Usage_context" name="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Permitted content</td>
      <td><a href="/en-US/docs/HTML/Content_categories#Transparent_content" title="HTML/Content categories#Transparent content">Transparent content</a>, containing either a <strong>src</strong> attribute or one or more {{HTMLElement("source")}} elements, followed by either <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">flow content</a> or <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a> , with no <code>&lt;video&gt;</code> or {{HTMLElement("audio")}} elements.</td>
    </tr>
    <tr>
      <td>Tag omission</td>
      <td>None, both start and end tags must be present</td>
    </tr>
    <tr>
      <td>Permitted parent elements</td>
      <td>Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">flow content</a>, or any element that accepts <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td>
    </tr>
    <tr>
      <td>Normative document</td>
      <td><a class="external" href="http://www.w3.org/TR/html5/video.html#video" title="http://www.w3.org/TR/html5/video.html#video">HTML5, section 4.8.6</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Attributes" name="Attributes">Attributes</h2>
<p><span style="line-height: 21px;">This element includes the&nbsp;</span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">global attributes</a><span style="line-height: 21px;">.</span></p>
<dl>
  <dt>
    {{htmlattrdef("autoplay")}}</dt>
  <dd>
    A Boolean attribute; if specified, the video will automatically begin to play back as soon as it can do so without stopping to finish loading the data.</dd>
  <dt>
    {{htmlattrdef("autobuffer")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
  <dd>
    A Boolean attribute; if specified, the video will automatically begin buffering even if it's not set to automatically play. This should be used for cases in which it is considered likely that the video will be played (for example, if the user navigated to the page specifically to play the video, not if there happens to be a video embedded along with other content). The video is buffered until the media cache is full.
    <div class="note">
      <strong>Implementation note:</strong> though part of the early drafts of the HTML5 specification, the <code>autobuffer</code> attribute has been removed in later releases. It has been removed from Gecko 2.0 and other browsers, and never implemented in some. The spec defines a new enumerated attribute, <code>preload</code>, to replace the <code>autobuffer</code> attribute, with a different syntax. {{bug(548523)}}</div>
  </dd>
  <dt>
    {{htmlattrdef("buffered")}}</dt>
  <dd>
    An attribute you can read to determine which time ranges of the media have been buffered. This attribute contains a {{domxref("TimeRanges")}} object.</dd>
  <dt>
    {{htmlattrdef("controls")}}</dt>
  <dd>
    If this attribute is present, Gecko will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.</dd>
  <dt>
    {{htmlattrdef("crossorigin")}}</dt>
  <dd>
    This enumerated attribute indicates if the fetching of the related image must be done using CORS or not. <a href="/en-US/docs/CORS_Enabled_Image" title="CORS_Enabled_Image">CORS-enabled resources</a> can be reused in the {{HTMLElement("canvas")}} element without being <em>tainted</em>. The allowed values are:
    <dl>
      <dt>
        anonymous</dt>
      <dd>
        A cross-origin request (i.e. with <code>Origin:</code> HTTP header) is performed. But no credential is sent (i.e. no cookie, no X.509 certificate and no HTTP Basic authentication is sent). If the server does not give credentials to the origin site (by not setting the <code>Access-Control-Allow-Origin:</code> HTTP header), the image will be <em>tainted</em> and its usage restricted..</dd>
      <dt>
        use-credentials</dt>
      <dd>
        A cross-origin request (i.e. with <code>Origin:</code> HTTP header) is performed with credential is sent (i.e. a cookie, a certificate and HTTP Basic authentication is performed). If the server does not give credentials to the origin site (through <code>Access-Control-Allow-Credentials:</code> HTTP header), the image will be <em>tainted</em> and its usage restricted.</dd>
    </dl>
    When not present, the resource is fetched without a CORS request (i.e. without sending the <code>Origin:</code> HTTP header), preventing its non-tainted used in {{HTMLElement('canvas')}} elements. If invalid, it is handled as if the enumerated keyword <strong>anonymous</strong> was used. See <a href="/en-US/docs/HTML/CORS_settings_attributes" title="CORS settings attributes">CORS settings attributes</a> for additional information.</dd>
  <dt>
    {{htmlattrdef("height")}}</dt>
  <dd>
    The height of the video's display area, in CSS pixels.</dd>
  <dt>
    {{htmlattrdef("loop")}}</dt>
  <dd>
    A Boolean attribute; if specified, we will, upon reaching the end of the video, automatically seek back to the start.</dd>
  <dt>
    {{htmlattrdef("muted")}}</dt>
  <dd>
    A Boolean attribute which indicates the default setting of the audio contained in the video. If set, the audio will be initially silenced. Its default value is false, meaning that the audio will be played when the video is played.</dd>
  <dt>
    {{htmlattrdef("played")}}</dt>
  <dd>
    A {{domxref("TimeRanges")}} object indicating all the ranges of the video that have been played.</dd>
  <dt>
    {{htmlattrdef("preload")}}</dt>
  <dd>
    This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values:
    <ul>
      <li><span style="font-family: Courier New;">none: </span>hints that either the author thinks that the user won't need to consult that video or that the server wants to minimize its traffic; in others terms this hint indicates that the video should not be cached.</li>
      <li><span style="font-family: Courier New;">metadata</span>: hints that though the author thinks that the user won't need to consult that video, fetching the metadata (e.g. length) is reasonable.</li>
      <li><span style="font-family: Courier New;">auto</span>: hints that the user needs have priority; in others terms this hint indicated that, if needed, the whole video could be downloaded, even if the user is not expected to use it.</li>
      <li>the <em>empty string</em>: which is a synonym of the <span style="font-family: Courier New;">auto </span>value.</li>
    </ul>
    <p>If not set, its default value is browser-defined (i.e. each browser can choose its own default value), though the spec advises it to be set to <span style="font-family: Courier New;">metadata</span>.</p>
    <div class="note">
      <strong>Usage notes:</strong>
      <ul>
        <li>The <code>autoplay</code> attribute has precedence over this one as if one wants to automatically play a video, the browser will obviously need to download it. Setting both the <code>autoplay</code> and the <code>preload</code> attributes is allowed by the specification.</li>
        <li>The browser is not forced by the specification to follow the value of this attribute; it is a mere hint.</li>
      </ul>
    </div>
  </dd>
  <dt>
    {{htmlattrdef("poster")}}</dt>
  <dd>
    A URL indicating a poster frame to show until the user plays or seeks. If this attribute isn't specified, nothing is displayed until the first frame is available; then the first frame is displayed as the poster frame.</dd>
  <dt>
    {{htmlattrdef("src")}}</dt>
  <dd>
    The URL of the video to embed. This is optional; you may instead use the {{HTMLElement("source")}} element within the video block to specify the video to embed.</dd>
  <dt>
    {{htmlattrdef("width")}}</dt>
  <dd>
    The width of the video's display area, in CSS pixels.</dd>
</dl>
<p>Time offsets are currently specified as a float value representing the number of seconds to offset.</p>
<div class="note">
  <strong>Note:</strong> The time offset value definition has not yet been completed in the HTML&nbsp;5 specification and is subject to change.</div>
<h2 id="Examples" name="Examples">Examples</h2>
<pre class="brush: html">
&lt;!-- Simple video example --&gt;
&lt;video src="videofile.ogg" autoplay poster="posterimage.jpg"&gt;
  Sorry, your browser doesn't support embedded videos, 
  but don't worry, you can &lt;a href="videofile.ogg"&gt;download it&lt;/a&gt;
  and watch it with your favorite video player!
&lt;/video&gt;

&lt;!-- Video with subtitles --&gt;
&lt;video src="foo.ogg"&gt;
  &lt;track kind="subtitles" src="foo.en.vtt" srclang="en" label="English"&gt;
  &lt;track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska"&gt;
&lt;/video&gt;
</pre>
<p>The first example plays a video, starting playback as soon as enough of the video has been received to allow playback without pausing to download more. Until the video starts playing, the image "posterimage.jpg" is displayed in its place.</p>
<p>The second example allows the user to choose between different subtitles.</p>
<h2 id="Server_support" name="Server_support">Server support</h2>
<p>If the MIME type for the video is not set correctly on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled).</p>
<p>If you serve your videos as Ogg Theora, you can fix this problem for the Apache Web Server by adding the extension used by your video files (".ogm", ".ogv", or ".ogg" are the most common ones) to the MIME type "video/ogg" via the "mime.types" file in "/etc/apache" or via the "AddType" configuration directive in httpd.conf.</p>
<pre>
AddType video/ogg .ogm
AddType video/ogg .ogv
AddType video/ogg .ogg
</pre>
<p>If you serve your videos as WebM you can fix this problem for the Apache Web Server by adding the extension used by your video files (".webm" is the most common one) to the MIME type "video/webm" via the "mime.types" file in "/etc/apache" or via the "AddType" configuration directive in httpd.conf.</p>
<pre>
AddType video/webm .webm
</pre>
<p>Your web host may provide an easy interface to MIME type configuration changes for new technologies until a global update naturally occurs.</p>
<h2 id="DOM_interface" name="DOM_interface">DOM interface</h2>
<p>This element implements the <code><a href="/en-US/docs/DOM/HTMLVideoElement" title="DOM/HTMLVideoElementInterface">HTMLVideoElement</a></code> interface.</p>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("1.9.1")}}</td>
        <td>9.0</td>
        <td>10.5</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>autoplay</code> attribute</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("1.9.1")}}</td>
        <td>9.0</td>
        <td>10.5</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>buffered</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoDesktop("2.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>Yes</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>controls</code> attribute</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("1.9.1")}}</td>
        <td>9.0</td>
        <td>10.5</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>loop</code> attribute</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("11.0")}}</td>
        <td>9.0</td>
        <td>10.5</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>muted</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoDesktop("11.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>Yes</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>played</code> property</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoDesktop("15.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>Yes</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>poster</code> attribute</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("1.9.2")}}</td>
        <td>9.0</td>
        <td>10.5</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>preload</code> attribute</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("2.0")}}</td>
        <td>9.0</td>
        <td>Yes</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>src</code> attribute</td>
        <td>3.0</td>
        <td>{{CompatGeckoDesktop("1.9.1")}}</td>
        <td>9.0</td>
        <td>10.5</td>
        <td>3.1</td>
      </tr>
      <tr>
        <td><code>crossorigin</code> attribue</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoDesktop("12.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>autoplay</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>buffered</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("2.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>controls</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>loop</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("11.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>muted</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("11.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>played</code> property</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("15.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>poster</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>preload</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("2.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>src</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
      <tr>
        <td><code>crossorigin</code> attribute</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatGeckoMobile("12.0")}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="See_also" name="See_also">See also</h2>
<ul>
  <li><a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">Media formats supported by the audio and video elements</a></li>
  <li>{{htmlelement("audio")}}</li>
  <li><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using audio and video in Firefox">Using HTML5 audio and video</a></li>
  <li><a href="/en-US/docs/Manipulating_video_using_canvas" title="Manipulating video using canvas">Manipulating video using canvas</a></li>
  <li><a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" title="NsIDOMHTMLMediaElement"><code>nsIDOMHTMLMediaElement</code></a></li>
  <li><a class="external" href="http://tinyvid.tv/" title="http://tinyvid.tv/">TinyVid</a> - examples using ogg files in HTML5.</li>
  <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#video" title="http://www.whatwg.org/specs/web-apps/current-work/#video">The <code>video</code> element</a> (HTML5 specification)</li>
  <li><a href="/en-US/docs/Configuring_servers_for_Ogg_media" title="Configuring servers for Ogg media">Configuring servers for Ogg media</a></li>
</ul>
Revert to this revision