YouTube-Videos einbetten

YouTube-Videos können über das benutzerdefinierte Element <devsite-video> in die Dokumentation eingebettet werden, sodass Nutzer den Inhalt in einem iFrame ansehen können. Dieses Widget erfasst und sendet Nutzungsstatistiken an Google Analytics.

Standard

Dies ist ein Beispiel für ein eingebettetes YouTube-Standardvideo, das <devsite-video> in ein div-Element umschließt und das class-Attribut auf video-wrapper setzt.

Auf großen Bildschirmen nimmt das Video 50% der Breite des Inhaltsbereichs ein und schwebt rechts neben dem Inhalt, der dem Video vorangestellt ist. Auf kleinen Bildschirmen beträgt das Video 100% der Breite des Inhaltsbereichs.

Unverankert links

Dieses Video schwebt links neben allen Inhalten, die ihm vorangestellt sind, indem es das Attribut class auf video-wrapper-left setzt.

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 exeritation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exceptioneur sint occaecat cupidatat nicht sehr wahrscheinlich, sonnen in culpa qui officia deserunt mollit anim id est laborum.

Volle Breite

Dieses Video hat 100% der Breite des Inhaltsbereichs und wirkt sich nicht auf das Layout der Inhalte aus, die dem Video vorausgehen, indem das Attribut class auf video-wrapper-full-width gesetzt wird.

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 exeritation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exceptioneur sint occaecat cupidatat nicht sehr wahrscheinlich, sonnen in culpa qui officia deserunt mollit anim id est laborum.