Youtubevideo einbinden: Unterschied zwischen den Versionen
| Zeile 1: | Zeile 1: | ||
| − | 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. | + | [[Datei:Video1.png|miniatur|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. | 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. | 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. | Aus diesem Code müssen Sie den src Link kopieren. | ||
| − | + | [[Datei:Youtube1.png|miniatur|Code für ein Youtube-Video - Backend]] | |
| − | <code><iframe width="560" height="315" src="'''<u><nowiki>https://www.youtube.com/embed/lw-tu0-ofzQ</nowiki | + | [[Datei:Youtube2.png|miniatur|Ansicht der Seite - Frontend]] |
| + | <code><iframe width="560" height="315" src="<nowiki>'''</nowiki><u><nowiki>https://www.youtube.com/embed/lw-tu0-ofzQ</nowiki>'''" 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. | 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. | ||
Version vom 11. April 2018, 12:25 Uhr
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.
<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>
