Revision 294428 of <video>

<p>{{ HTMLVersionHeader(5) }} {{ gecko_minversion_header("1.9.1") }}</p>
<p>L'élément <code>video</code> est utilisé pour intégrer du contenu vidéo dans un document HTML ou XHTML.&nbsp;Celui-ci fait partie de HTML&nbsp;5.</p>
<ul>
  <li>Type d'élément&nbsp;: <a class="internal" href="/fr/HTML/Éléments_de_niveau_bloc" title="fr/HTML/Éléments de niveau bloc">niveau bloc</a></li>
  <li>Contenu autorisé&nbsp;: texte alternatif</li>
</ul>
<div class="note">
  <p><strong>Note d'implémentation :</strong></p>
  <p>Firefox gère les formats suivants; le serveur doit servir le bon type MIME.</p>
  <table class="standard-table" style="width: 191px; height: 136px;">
    <tbody>
      <tr>
        <th>Conteneur</th>
        <th>Codec</th>
        <th>Type MIME</th>
        <th>Remarque</th>
      </tr>
      <tr>
        <td>Ogg</td>
        <td>Theora</td>
        <td>video/ogg</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a class="external" href="https://www.webmproject.org/" title="https://www.webmproject.org/">WebM</a></td>
        <td>VP8</td>
        <td>video/webm</td>
        <td>{{ gecko_minversion_inline("1.9.3") }}</td>
      </tr>
      <tr>
        <td><em>none</em></td>
        <td>Raw</td>
        <td>video/x-raw-yuv</td>
        <td>{{ unimplemented_inline() }}{{ bug(508082) }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Attributs">Attributs</h2>
<p>Notez que plusieurs de ces attributs ne sont pas encore gérés par Firefox.</p>
<dl>
  <dt>
    autoplay</dt>
  <dd>
    Un attribut booléen&nbsp;; si spécifié, la vidéo commencera automatiquement à jouer dès qu'il est possible de le faire sans arrêt pour terminer de charger des données.</dd>
  <dt>
    controls</dt>
  <dd>
    Si cet attribut est présent, Firefox affichera des contrôles permettant à l'utilisateur de contrôler la lecture de la vidéo, de modifier son volume, de se repositionner dans la vidéo et de commencer/interrompre la lecture.</dd>
  <dt>
    end {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
  <dd>
    La position temporelle dans la vidéo à laquelle la lecture doit s'interrompre.&nbsp;Par défaut, cette valeur vaut l'infini (lire jusqu'à la fin du fichier).</dd>
  <dt>
    height</dt>
  <dd>
    La hauteur de la zone d'affichage de la vidéo, en pixels CSS.</dd>
  <dt>
    loopend {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
  <dd>
    La position temporelle dans la vidéo à laquelle interrompre la lecture lors d'une boucle.&nbsp;Lorsque cette position est atteinte, la lecture recommence à la position indiquée par loopstart.</dd>
  <dt>
    loopstart {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
  <dd>
    La position temporelle dans la vidéo à laquelle commencer la lecture lors d'une boucle.</dd>
  <dt>
    playcount {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
  <dd>
    Le nombre de fois que la vidéo doit être lue.&nbsp;La valeur par défaut est 1.</dd>
  <dt>
    poster</dt>
  <dd>
    Une URL indiquant une image à afficher lorsqu'aucune donnée de vidéo n'est disponible.&nbsp;Si cet attribut n'est pas spécifié, rien ne sera affiché tant que la vidéo n'est pas prête à être lue.</dd>
  <dt>
    src</dt>
  <dd>
    L' URL de la vidéo à intégrer.</dd>
  <dt>
    start {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
  <dd>
    La position dans le fichier vidéo à laquelle débuter la lecture.&nbsp;Par défaut, il s'agit de la position de départ par défaut du fichier vidéo, ou 0 si les données obtenues sont insuffisantes pour déterminer la position de départ (ou si aucune position de départ n'est précisée par le fichier).</dd>
  <dt>
    width</dt>
  <dd>
    La largeur de la zone d'affichage de la vidéo, en pixels CSS.</dd>
</dl>
<p>Les positions temporelles sont spécifiées sour la forme d'un nombre à virgule flottante, représentant le nombre de secondes de décalage.</p>
<div class="note">
  <strong>Note&nbsp;:</strong> la définition de la valeur de position temporelle n'a pas encore été précisée dans la spécification HTML 5 et pourrait encore changer.</div>
<h2 id="Exemples">Exemples</h2>
<pre>
&lt;video src="<a class="linkification-ext" href="https://v2v.cc/~j/theora_testsuite/320x240.ogg" title="Linkification: https://v2v.cc/~j/theora_testsuite/320x240.ogg">https://v2v.cc/~j/theora_testsuite/320x240.ogg</a>" autoplay&gt;
&nbsp; Votre navigateur ne gère pas l'élément &lt;code&gt;video&lt;/code&gt;.
&lt;/video&gt;
</pre>
<p>Joue une vidéo exemple depuis le site web de Theora.</p>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li><a class="internal" href="/fr/HTML/Element/audio" title="En/HTML/Element/Audio"><code>audio</code></a></li>
  <li><a class="internal" href="/Fr/Utilisation_d'audio_et_video_dans_Firefox" title="fr/Utilisation d'audio et video dans Firefox">Utilisation d'audio et video dans Firefox</a></li>
  <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li>
  <li><a class="external" href="https://www.whatwg.org/specs/web-apps/current-work/#video" title="https://www.whatwg.org/specs/web-apps/current-work/#video"><code>video</code> — spécification HTML&nbsp;5</a></li>
  <li><a href="/fr/HTML/Element/Source" title="https://developer.mozilla.org/fr/HTML/Element/Source">source</a></li>
</ul>
<p>{{ languages( { "en": "en/HTML/Element/video" } ) }}</p>