Youtubevideo einbinden: Unterschied zwischen den Versionen

Version vom 11. April 2018, 12:33 Uhr (Quelltext anzeigen) Wikiadmin (Diskussion | Beiträge) (Markierung: Visuelle Bearbeitung) ← Zum vorherigen Versionsunterschied		Version vom 20. April 2018, 14:29 Uhr (Quelltext anzeigen) Wikiadmin (Diskussion | Beiträge) (Markierung: Visuelle Bearbeitung) Zum nächsten Versionsunterschied →
Zeile 11:		Zeile 11:
	<nowiki></div></nowiki>		<nowiki></div></nowiki>
	Anschließend sollte das Video wie rechts dargestellt auf ihrer Seite erscheinen.		Anschließend sollte das Video wie rechts dargestellt auf ihrer Seite erscheinen.
		+
		+	== Youtubeplaylist einbinden ==
		+	[[Datei:Youtube2.png|miniatur|Ansicht der Seite - Frontend]]
		+	<keinbr/>
		+	<nowiki><div class="embed-responsive embed-responsive-16by9"></nowiki>
		+	<iframe class="embed-responsive-item" width="100%"  src="https://www.youtube.com/embed/videoseries?list=PLgoiCMgV-zrehVHDp-UCca0loA2rluIYh" frameborder="0" allowfullscreen></iframe>
		+	<nowiki></div></nowiki>

---

Version vom 20. April 2018, 14:29 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.

Um Ihr Youtube-Video einzubinden gehen Sie auf die Seite von Youtube und rufen ihr Video auf. Bei diesem klicken Sie unten rechts auf "Teilen" und anschließend auf "Einbetten". In dem rechts dargestellten Screenshot sehen Sie das Fenster das sich öffnen sollte.

Diesen gesamten Link kopieren Sie und fügen ihn in einen Editor ein. Nun ist es möglich den nötigen Code zu koperen. Es handelt sich hierbei um den Abschnitt der mit https:// beginnt.

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

Den hier Fett markierten Teil kopieren Sie und fügen ihn in dem unteren Code bei src=" LINK " ein.

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

Anschließend sollte das Video wie rechts dargestellt auf ihrer Seite erscheinen.

Youtubeplaylist einbinden

<keinbr/>
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" width="100%"  src="https://www.youtube.com/embed/videoseries?list=PLgoiCMgV-zrehVHDp-UCca0loA2rluIYh" frameborder="0" allowfullscreen></iframe>
</div>