YouTube

YouTube est un moyen simple et facile d'intgégrer des vidéos YouTube àl'aide de l'API YouTube, à un ou plusieurs éléments HTML en donnant un data-component= "YouTube" à tous les éléments devant contenir une vidéo.

Comment l'utiliser

Étapes d’installation

Pour installer YouTube, il suffit d’avoir les fichiers SCSS et JS nécéssaires dans vos dossiers src et donner les bons data aux bons éléments.

Pour avoir une vidéo YouTube, il faut donner un data-component = 'YouTube’ à l’élément désiré (généralement un div). Ce même div doit avoir la classe video et contenir un autre div.video_media et js-video contenant une img avec la classe js-poster et une image servant de bouton jouer.

L'élément ayant le data-component = 'YouTube’ doit également avoir un data-video-id avec la valeur de l'ID de la vidéo désirée.

Dans la structure domComp, la ComponentFactory s'occupe de l'instantiation des composantes.

Variants

Les variants permettent de modifier certains paramètres prédéfinis du mode par défaut.

DÉFAUT

Par défaut, une vidéo YouTube affichera les contrôles de celle-ci.

NoControls

Avec le data-variant="noControls" , une vidéo YouTube n'affichera pas les contrôles de celle-ci.

Comment l'utiliser en dehors de domComp

À l'intérieur d'un fichier JavaScript, importez la classe `YouTube` que vous aurez préalablement intégré à votre projet.

Dans l'exemple ci-dessus, element est égal au HTMLElement qui a l'attribut data-component="YouTube"