Youtubevideo einbinden

Aus GCMS Hilfe
Wechseln zu: Navigation, Suche
Nach klicken auf "Einbetten"
Um ein Youtube-Video auf dem GCMS einzubinden kann der unten dargestellte Code genutzt werden. Der Vorteil bei dieser Einbindungsart ist, dass das Video responsiv eingebunden wird und sich daher automatisch an die Bildschirmbreite anpasst.

Sie müssen jetzt nurnoch einen speziellen Link von ihrem Youtube-Video auswählen und bei src="XX" einfügen.

Dafür gehen Sie auf Ihr Video und klicken und rechts unterhalb des Videos auf "Teilen" und anschließend auf "Einbetten". Sie müssten jetzt einen Code wie im Bild dargestellt sehen können. Diesen kopieren Sie sich und fügen ihn in einen beliebigen Editor ein.

Aus diesem Code müssen Sie den src Link kopieren.

Code für ein Youtube-Video - Backend
Ansicht der Seite - Frontend

<iframe width="560" height="315" src="'''https://www.youtube.com/embed/lw-tu0-ofzQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></code>

Wenn Sie diesen kopiert haben können Sie ihn in dem nachfolgenden Code an entsprechender Stelle einfügen und das Video ist erfolgreich auf ihrer Seite eingebunden.

<keinbr/>
<div class="embed-responsive embed-responsive-16by9">
     <iframe class="embed-responsive-item" width="100%"  src="hier muss ihr Link hin" frameborder="0" allowfullscreen></iframe>
</div>