# CSS Klasse für ein iframe Element

**URL:** <https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535>\
**Category:** Themes & Design\
**Created:** [13. Dezember 2020 um 20:39 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535 "2020-12-13T20:39:54Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![topspeed](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@topspeed](https://forum.shopware.com/u/topspeed)\
**Post date:** [13. Dezember 2020 um 20:39 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/1 "2020-12-13T20:39:54Z")

</div>

Hallo liebes Forum,

ich möchte in einer Einkaufswelt ein iframe Element einfügen und zwar ein Video. Die URL&nbsp; Adresse passt, alerdings startet das Video immer automatisch, was ich nicht möchte. Was genau kann ich als CSS Klasse eingeben, um die autoplay Funktion zu unterbinden?

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/6/672c6db9fca616483cb18d3289e9894cf73fcb23.png)

Dankeschön!

Boris&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [13. Dezember 2020 um 21:15 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/2 "2020-12-13T21:15:12Z")

</div>

Ein Iframe-Video, eigentlich ein Video-Element im Iframe-Document, wir eigentlich nicht über die CSS Klasse gesteuert. Das wäre Grundsätzlich möglich, ich habe das aber noch nie gesehen. Um den Autoplay zu stoppen musst du mal schauen was der Anbieter der Videos als Iframe-Attributen zulässt.

Falls das nicht der Fall ist, kannst du noch mit Javascript / contentWindow etwas&nbsp;wie „MEINIFRAME.contentWindow.DOCUMENTINHALTMANUPULATION“ machen. (Symbolisch)

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. Dezember 2020 um 09:35 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/3 "2020-12-14T09:35:05Z")

</div>

Ich glaube mit JS wird das auch nicht funktionieren, da hier wohl eine fremde Website (iFrame) aufgerufen wird. Da kann man nicht mit JS drauf zugreifen.

---

<div class="post-metadata">

**Author:** ![topspeed](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@topspeed](https://forum.shopware.com/u/topspeed)\
**Post date:** [14. Dezember 2020 um 11:13 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/4 "2020-12-14T11:13:57Z")

</div>

Ich danke euch.&nbsp;

Nun versuche ich es doch mit einem Code-Element. Wie kann ich den Autostart dort unterbinden?&nbsp;

Das hier funktioniert auch nicht.

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [14. Dezember 2020 um 11:41 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/5 "2020-12-14T11:41:29Z")

</div>

Wie schon vorher geschrieben der Zugriff auf Iframes mit externen Inhalten funktioniert so: @R4M‍

Attribute entfernen: (bringt nix weil das video schon abspielt)

```
document.querySelector("iframe.external--content").contentWindow.document.querySelector("video").removeAttribute("autoplay");

```

jedoch kannst du das Video anhalten:

```
document.querySelector("iframe.external--content").contentWindow.document.querySelector("video").pause();

```

hier seine Website:&nbsp;[https://www.topspeed-tt.com/](https://www.topspeed-tt.com/)

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. Dezember 2020 um 12:47 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/6 "2020-12-14T12:47:46Z")

</div>

Könnt ja dann berichten wenn die Lösung gehen sollte.

---

<div class="post-metadata">

**Author:** ![topspeed](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@topspeed](https://forum.shopware.com/u/topspeed)\
**Post date:** [14. Dezember 2020 um 13:14 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/7 "2020-12-14T13:14:47Z")

</div>

Danke! Es passiert leider&nbsp;nichts. Wie genau soll der gersamte Code jetzt aussehen?&nbsp; Sorry, ich bin mit HTML nicht besonders vertraut.&nbsp; &nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [14. Dezember 2020 um 13:25 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/8 "2020-12-14T13:25:43Z")

</div>

du platzierst im&nbsp;Theme/EKW folgenden Codeschnipsel:

```
document.asyncReady(function(){
    document.querySelector("iframe.external--content").contentWindow.document.querySelector("video").pause();
})

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![topspeed](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@topspeed](https://forum.shopware.com/u/topspeed)\
**Post date:** [14. Dezember 2020 um 20:27 UTC](https://forum.shopware.com/t/css-klasse-fur-ein-iframe-element/71535/9 "2020-12-14T20:27:48Z")

</div>

Wo ist der Ordner und die Datei? Ich gehe mal davon aus, dass es eine Index Datei ist, oder?