# Video Tag in Artikelbeschreibung mit div. Sources

**URL:** <https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938>\
**Category:** Programmierung\
**Created:** [16. Mai 2018 um 13:01 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938 "2018-05-16T13:01:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ELL](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/ell/32/15661_2.png) [@ELL](https://forum.shopware.com/u/ELL)\
**Post date:** [16. Mai 2018 um 13:01 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938/1 "2018-05-16T13:01:09Z")

</div>

Hallo SHopware Freunde,

ich stehe vor einem Rätsel und finde keine Lösung. Gerne möchte ich unsere Produktvideos in der Artikelbeschreibung einbinden. Hierfür verwende ich den HTML5 Video Tag mit diversen Sources für die verschiedenen Browser (größere Kompatibilität auf Endgeräten). Nachfolgend ein Beispiel, dass ich versuche einzubinden:

Leider löscht mir der Editor die einzelnen Sources immer wieder raus, weil er sie als leere Tags ansieht. Auch ein geschütztes Leerzeichen mittels _&nbsp;_&nbsp;hilft nicht.  
Wie kann ich den HTML5 Video Tag funktionsfähig in meinen Artikelbeschreibungen einsetzen?

Vielen Dank für eure Hilfe!

ELL

---

<div class="post-metadata">

**Author:** ![arnebecker](https://avatars.discourse-cdn.com/v4/letter/a/3bc359/32.png) [@arnebecker](https://forum.shopware.com/u/arnebecker)\
**Post date:** [16. Mai 2018 um 16:04 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938/2 "2018-05-16T16:04:43Z")

</div>

Sieht richtig aus, IHMO. Welchen Editor meinst du denn? Es scheint ja eher am Editor als am Code an sich zu liegen.

---

<div class="post-metadata">

**Author:** ![ELL](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/ell/32/15661_2.png) [@ELL](https://forum.shopware.com/u/ELL)\
**Post date:** [16. Mai 2018 um 16:20 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938/3 "2018-05-16T16:20:50Z")

</div>

Hey Arnebecker,

den normalen HTML Editor aber auch mit TinyMCE in den Artikeldetails. Ich wechsel dort auf die Quellcode-EIngabe, füge meinen Video Code ein und er löscht alles raus was er als leeren Tag identifiziert. Das ist ein unschönes Verhalten, das man von Seiten TinyMCE kennt, doch will sich mir keine Lösung erschließen. Bei leeren

kann man ein unschönes geschütztes Leereichen einbinden um die Löschung zu umgehen, doch das funktioniert bei den Sources leider nicht.

Liebe Grüße

&nbsp;

---

<div class="post-metadata">

**Author:** ![arnebecker](https://avatars.discourse-cdn.com/v4/letter/a/3bc359/32.png) [@arnebecker](https://forum.shopware.com/u/arnebecker)\
**Post date:** [16. Mai 2018 um 16:36 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938/4 "2018-05-16T16:36:48Z")

</div>

Ahh okay verstehe. Man kann da irgendwie was konfigurieren beim TinyMCE. Hier wären ein paar mögliche Optionen:

> **[The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE](https://www.tiny.cloud/)**
>
> TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched Atlassian, Medium, Evernote and more.

> **[The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE](https://www.tiny.cloud/)**
>
> TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched Atlassian, Medium, Evernote and more.

> **[The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE](https://www.tiny.cloud/)**
>
> TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched Atlassian, Medium, Evernote and more.

> **[The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE](https://www.tiny.cloud/)**
>
> TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched Atlassian, Medium, Evernote and more.

Und hier ist beschrieben wie man die Config in Shopware ändern kann:

> **[TinyMCE Editor konfigurieren](https://forum.shopware.com/discussion/comment/163253/#Comment_163253)**
>
> Hallo Herr Lohaus, danke für die Bereitstellung des Plugins (getestet unter SW 5.1.1). Ein Tipp dazu: Konfiguartion kann vor den einzelnen Feldern eigentlich überall entfernt werden, denn da es einmal oben steht, sollte klar sein, dass die...

---

<div class="post-metadata">

**Author:** ![ELL](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/ell/32/15661_2.png) [@ELL](https://forum.shopware.com/u/ELL)\
**Post date:** [16. Mai 2018 um 16:43 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938/5 "2018-05-16T16:43:19Z")

</div>

Vielen Dank für die Links. Das freiwillig zur Verfügung gestellte Plugin für die Konfigurationen scheint nicht mit 5.4.2 / 5.4.3 zu harmonieren. Jedenfalls nicht bei uns. Skin-Änderungen ja, aber alles andere ist dem Editor weiterhin ein Dorn im Auge.

---

<div class="post-metadata">

**Author:** ![arnebecker](https://avatars.discourse-cdn.com/v4/letter/a/3bc359/32.png) [@arnebecker](https://forum.shopware.com/u/arnebecker)\
**Post date:** [16. Mai 2018 um 16:47 UTC](https://forum.shopware.com/t/video-tag-in-artikelbeschreibung-mit-div-sources/52938/6 "2018-05-16T16:47:26Z")

</div>

[@Heiner Lohaus]([http://forum.shopware.com/profile/63/Heiner](http://forum.shopware.com/profile/63/Heiner) Lohaus “Heiner Lohaus”)‍ PING 🙂
