Les vidéos YouTube peuvent être intégrées dans la documentation à l'aide de l'élément personnalisé <devsite-video>, ce qui permet aux utilisateurs d'afficher le contenu dans un cadre iFrame. Ce widget assure le suivi des statistiques d'utilisation et les envoie à Google Analytics.
Par défaut
Voici un exemple de vidéo YouTube intégrée par défaut qui encapsule <devsite-video> dans un élément div et définit son attribut class sur video-wrapper.
Sur les grands écrans, la vidéo occupe 50% de la largeur de la zone de contenu et flotte à droite du contenu précédant la vidéo. Sur les petits écrans, la vidéo occupe 100% de la largeur de la zone de contenu.
Flottant vers la gauche
Cette vidéo flotte à gauche de tout contenu qu'elle précède en définissant son attribut class sur video-wrapper-left.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eulore fugiat nulla pariatur. Sauf sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Largeur maximale
Cette vidéo couvre 100% de la largeur de la zone de contenu et n'a aucune incidence sur la disposition des contenus précédés par la définition de son attribut class sur video-wrapper-full-width.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eulore fugiat nulla pariatur. Sauf sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.