fbpx

Dimensions des Vidéos YouTube Incorporées (embed) dans WordPress

oEmbed est une technologie qui permet d’intégrer au sein de son site web du contenu provenant de sources tierces ou extérieures. Cela permet par exemple d’avoir, au sein d’une page web, des vidéos provenant de YouTube, des gazouillis issus de Twitter, ou des présentations venant de SlideShare, sans avoir besoin de les téléverser à même le site web. Les gains en stockage et en performance sont nombreux, en plus de réduire les manipulations et le processus de mise à jour.

WordPress est compatible avec oEmbed et essaiera toujours d’ajuster la largeur du contenu intégré afin qu’il s’adapte parfaitement à l’espace disponible. Toutefois, suivant les thèmes et extensions déployés sur votre site web, il se peut que les dimensions du contenu ainsi intégré ne s’harmonisent pas toujours adéquatement avec les dispositions existantes.

Découvrons quelques méthodes qui nous permettront de définir les dimensions de ces contenus.

Utiliser les blocs oEmbed de WordPress (Contenus Incorporés)

La méthode la plus simple consiste à se servir, au sein de Gutenberg, des blocs intégrés compatibles avec oEmbed. En jouant avec les paramètres d’alignement, il est possible de définir la manière dont le contenu intégré sera affiché.

Ici toutefois, nous n’avons pas de contrôle sur les dimensions du contenu intégré.

Utiliser les Codes Courts Embed

Lorsque vous connaissez précisément les dimensions à affecter au contenu à intégrer, c’est probablement la meilleure des méthodes.

En effet, il suffit, au sein de la page désirée, d’intégrer le code court embed, en lui affectant en paramètres les dimensions du contenu à intégrer :

[embed width="[LargeurContenu]" height="[HauteurContenu]"] 
	[LienRessource@Integrer]
[/embed]

Utiliser le Code PHP

Il existe des situations où vous souhaitez définir une largeur maximale pour tous les contenus intégrés. La façon la plus simple de le faire est d’ajouter du code personnalisé à votre site Web WordPress.

Plusieurs solutions existent. Cependant l’une des méthodes les moins risquées consiste à se servir d’une extension de gestion de code telle que WP Code, Code Snippets ou autre.

Le code à insérer est de la forme :

add_filter( 'embed_defaults', 'skwkt_embed_dimensions' );
 
function skwkt_embed_dimensions() {
    return array(
        'width'  => [LargeurSouhaitee],
        'height' => [HauteurSouhaitee]
    );
}

Veiller à activer ce code pour qu’il prenne effet sur le site web.

Soka!

Contenus Similaires

Rejoignez notre lettre d'information

Demeurez à l’affût des dernières nouvelles et tendances. Soyez aux premières loges lors de nouvelles publications, recevez des promotions exceptionelles sur nos produits et services, ainsi que des contenus spécifiques et enrichis.