Title: Code court Vidéo Author: Dion Hulse Published: 2 novembre 2018 Last modified: 18 octobre 2021 --- ## Dans cet article * [Cas d’usage](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#cas-dusage) * [Options](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#options) - [src](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#src) - [poster](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#poster) - [loop](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#loop) - [autoplay](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#autoplay) - [preload](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#preload) - [width](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#width) - [height](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#height) * [Articles en relation](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#articles-en-relation) ## Catégories * [Accessibilité](https://fr.wordpress.org/support/category/accessibilite/) (7) * [Administration de base](https://fr.wordpress.org/support/category/administration-base/)( 36) * [Éditeur de bloc](https://fr.wordpress.org/support/category/block-editor/) (113) * [Éditeur de site](https://fr.wordpress.org/support/category/editeur-de-site/)( 52) * [Classic Editor](https://fr.wordpress.org/support/category/classic-editor/) ( 2) * [Comment faire](https://fr.wordpress.org/support/category/how-to/) (8) * [Conception et mise en page](https://fr.wordpress.org/support/category/design-and-layout/)( 17) * [Débuter](https://fr.wordpress.org/support/category/getting-started/) (37) * [Dépannage et support](https://fr.wordpress.org/support/category/troubleshooting/)( 20) * [Développement](https://fr.wordpress.org/support/category/developpement/) (12) * [Installer WordPress](https://fr.wordpress.org/support/category/installer-wordpress/)( 29) * [Maintenance](https://fr.wordpress.org/support/category/maintenance/) (23) * [Personnalisation](https://fr.wordpress.org/support/category/personnalisation/)( 20) * [Qu’est-ce que WordPress ?](https://fr.wordpress.org/support/category/quest-ce-que-wordpress/)( 11) * [Sécurité](https://fr.wordpress.org/support/category/securite/) (7) * [Sujets avancés](https://fr.wordpress.org/support/category/sujets-avances/) ( 31) * [Utilisation de base](https://fr.wordpress.org/support/category/utilisation-de-base/)( 38) # Code court Vidéo La fonction vidéo vous permet d’embarquer des fichiers vidéo et de les lire à l’aide d’un simple code court. Cette fonctionnalité a été ajoutée à partir de WordPress 3.6 et elle est utilisée ainsi : ```wp-block-code [video] ``` Vous pouvez également saisir l’URL du média sur une nouvelle ligne et elle sera automatiquement transformée en contenu embarqué : ```wp-block-code Mon contenu vidéo sympa https://my.movies.com/video/film/sympa.mp4 Plus de contenu sympa ``` ## 󠀁[Cas d’usage](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#cas-dusage)󠁿 J’ai une ancienne publication à laquelle est attaché un fichier vidéo se trouvant dans la médiathèque et je souhaite utiliser le code court pour afficher cette vidéo sur mon site : ```wp-block-code [video] ``` J’ai l’URL d’un fichier `MP4` présent dans la médiathèque ou externe au site et je veux le rendre lisible sur mon site : ```wp-block-code [video src="video-source.mp4"] ``` J’ai l’URL d’un fichier vidéo dans les différents formats de fichier supportés par HTML5 : ```wp-block-code [video mp4="source.mp4" ogv="source.ogv" webm="source.webm"] ``` ## 󠀁[Options](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#options)󠁿 Les options suivantes sont prises en charge : ### 󠀁[src](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#src)󠁿 ([chaîne (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#String))( optionnel) – Le fichier source de votre vidéo. Si la source n’est pas incluse, le premier fichier vidéo joint à la publication sera utilisé. Vous pouvez utiliser les options suivantes pour définir des formats de fichier supplémentaires destinés à fournir une solution de secours lorsque le format principal n’est pas reconnu : « `mp4` »,` « m4v` »,` « webm` »,` « ogv` »,` « wmv` », « `flv ».` Par défaut : le premier fichier vidéo joint à la publication. ### 󠀁[poster](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#poster)󠁿 ([chaîne (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#String))( optionnel) – Permet de définir l’image par défaut avant que la vidéo ne démarre. https://www.exemple.org/wp-content/uploads/image.jpg Par défaut : aucune. ### 󠀁[loop](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#loop)󠁿 ([chaîne (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#String))( optionnel) – Permet la lecture en boucle de la vidéo. « `off `» – La lecture ne boucle pas. « `on `» – La lecture se fait en boucle sans discontinuer. Par défaut : « `off `». ### 󠀁[autoplay](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#autoplay)󠁿 ([chaîne (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#String))( optionnel) – Démarre automatiquement la lecture de la vidéo dès que le fichier est chargé. « off » – Ne démarre pas automatiquement. « `on `» – Démarre la lecture dès que le fichier est disponible. Par défaut : « `off `». ### 󠀁[preload](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#preload)󠁿 ([chaîne (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#String))( optionnel) – Spécifie si la vidéo doit être chargée durant le chargement de la page, et comment. « `metadata `» – Seules les métadonnées doivent être chargées en même temps que la page. « `none `» – La vidéo ne doit pas être chargée lors du chargement de la page. « `auto `» – La vidéo doit être entièrement chargée lorsque la page se charge. Par défaut : « `metadata `». ### 󠀁[width](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#width)󠁿 ([entier (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#Integer))( obligatoire) – Définit la largeur de la vidéo. La valeur est automatiquement détectée lors du téléversement dans la médiathèque. Par défaut : largeur du média. ### 󠀁[height](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#height)󠁿 ([entier (en anglais)](https://codex.wordpress.org/How_to_Pass_Tag_Parameters#Integer))( obligatoire) – Définit la hauteur de la vidéo. La valeur est automatiquement détectée lors du téléversement dans la médiathèque. Par défaut : hauteur du média. Exemple utilisant toutes les options : ```wp-block-code [video mp4="video.mp4" ogv="video.ogv" webm="video.webm" poster="image.jpg" loop="on" autoplay="on" preload="metadata" width="640" height="360"] ``` ## 󠀁[Articles en relation](https://fr.wordpress.org/support/article/video-shortcode/?output_format=md#articles-en-relation)󠁿 Codes courts WordPress : [audio](https://fr.wordpress.org/support/article/audio-shortcode/?output_format=md), [caption (en anglais)](https://codex.wordpress.org/Caption_Shortcode), [embed (en anglais)](https://codex.wordpress.org/Embed_Shortcode), [gallery (en anglais)](https://codex.wordpress.org/Gallery_Shortcode), [playlist (en anglais)](https://codex.wordpress.org/Playlist_Shortcode) Traduit par [Loïc Antignac](https://profiles.wordpress.org/webaxones) Relu par [Jb Audras](https://profiles.wordpress.org/audrasjb)& [Jenny Dupuy](https://profiles.wordpress.org/jdy68)Dernière mise à jour le 18 octobre 2021 [Contribuer à la documentation en français de WordPress](https://fr.wordpress.org/team/handbook/traduire-la-documentation-de-wordpress-en-francais/rejoindre-lequipe-de-traduction-de-la-documentation/?output_format=md)