responsive Videos von YouTube in phpWCMS einbinden
Posted: Thu 24. Mar 2016, 09:49
Allen bekannt ist die einfache Variante, indem man sich den Code bei YouTube generieren lässt und dann im CP HTML einbindet. Für einen unbeleckten Redakteur, dem die entsprechenden Grundkenntnisse fehlen, ist das der einfachste Weg, ohne die Hilfe eines Webdesigners in Anspruch zu nehmen.
Aufwendiger wird dann schon die Einbindung in ein responsives Layout, da dürfte jeder Fachlaie überfordert sein. Da ich gerade eine solche Website für "Self-Made-Redakteure" auf responsiv umgestellt habe, musste auch eine einfache Lösung her für Videos.
Ganz einfach, man erstellt einfach ein neues HTML-CP und lege das im Verzeichnis template/inc_cntpart/html ab. Ausprobieren - simpel, einfach ohne Probleme, weil der Redakteur wie bisher den YouTube-Code nur einsetzen muss.
Aufwendiger wird dann schon die Einbindung in ein responsives Layout, da dürfte jeder Fachlaie überfordert sein. Da ich gerade eine solche Website für "Self-Made-Redakteure" auf responsiv umgestellt habe, musste auch eine einfache Lösung her für Videos.
Ganz einfach, man erstellt einfach ein neues HTML-CP und lege das im Verzeichnis template/inc_cntpart/html ab. Ausprobieren - simpel, einfach ohne Probleme, weil der Redakteur wie bisher den YouTube-Code nur einsetzen muss.
Code: Select all
<!-- CSS:
.respo-video {position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; }
.respo-video iframe, .respo-video object, .respo-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } -->
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
[HTML]<div class="respo-video">{HTML}</div>[/HTML]