Hallo zusammen,
da dieses Thema immer mal wieder hier im Forum aufkommt möchte ich euch die von mir umgesetzte Möglichkeit Youtube Videos im Shop einzubinden nicht vorenthalten. Bis jetzt habe ich noch nicht gesehen, dass Videos "responsive" eingebunden wurden, dass heißt auch bei der mobile Version des Shops werden die Videos sauber angezeigt ohne dabei das Template zu versauen
Nach einiger Recherche bin ich auf nachfolgenden Code gekommen, der beim Shop4 einwandfrei funktioniert.
Die Videos habe ich bis jetzt nur auf den Artikeldetailseiten eingebunden, sollten aber an allen möglichen Stellen im Shop funktionieren. Über die Wawi lässt sich das Video wie folgt einfügen. Gehe in die Artikelbeschreibung in den HTML-Editor, schreibe hier an der Stelle an der das Video erscheinen soll einen kleinen Vermerk, z. B. das Wort Video. Wechsle nun in die Ansicht mit dem HTML-Code. Suche den Vermerk Video, nun das Wort markieren und an dieser Stelle den nachfolgenden Code einfügen.
Wichtig ist noch, dass der Link zum Video angepasst wird. Hier gehst du auf dein Video bei Youtube, anschließend auf Teilen und dann den Tab "Einbetten" wählen. Hier findet sich der passende Link, diesen bzw. die VideoID kopieren und im Code entsprechend anpassen. Nach dem Speichern und einem Abgleich siehst du das Video in passender Größe in deinem Shop
Ich würde mich über Rückmeldungen freuen ob es bei euch funktioniert oder nicht.
Viel Spaß und Gruß
Dirk
PS: Falls jemand eine Verbesserungsmöglichkeit findet, der darf sich natürlich gerne melden
da dieses Thema immer mal wieder hier im Forum aufkommt möchte ich euch die von mir umgesetzte Möglichkeit Youtube Videos im Shop einzubinden nicht vorenthalten. Bis jetzt habe ich noch nicht gesehen, dass Videos "responsive" eingebunden wurden, dass heißt auch bei der mobile Version des Shops werden die Videos sauber angezeigt ohne dabei das Template zu versauen
Nach einiger Recherche bin ich auf nachfolgenden Code gekommen, der beim Shop4 einwandfrei funktioniert.Die Videos habe ich bis jetzt nur auf den Artikeldetailseiten eingebunden, sollten aber an allen möglichen Stellen im Shop funktionieren. Über die Wawi lässt sich das Video wie folgt einfügen. Gehe in die Artikelbeschreibung in den HTML-Editor, schreibe hier an der Stelle an der das Video erscheinen soll einen kleinen Vermerk, z. B. das Wort Video. Wechsle nun in die Ansicht mit dem HTML-Code. Suche den Vermerk Video, nun das Wort markieren und an dieser Stelle den nachfolgenden Code einfügen.
Wichtig ist noch, dass der Link zum Video angepasst wird. Hier gehst du auf dein Video bei Youtube, anschließend auf Teilen und dann den Tab "Einbetten" wählen. Hier findet sich der passende Link, diesen bzw. die VideoID kopieren und im Code entsprechend anpassen. Nach dem Speichern und einem Abgleich siehst du das Video in passender Größe in deinem Shop
HTML:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/VideoID' frameborder='0' allowfullscreen></iframe>
</div>Ich würde mich über Rückmeldungen freuen ob es bei euch funktioniert oder nicht.
Viel Spaß und Gruß
Dirk
PS: Falls jemand eine Verbesserungsmöglichkeit findet, der darf sich natürlich gerne melden
