CSS Klasse für ein iframe Element

Shopware 5 Themes & Design
1

Hallo liebes Forum,

ich möchte in einer Einkaufswelt ein iframe Element einfügen und zwar ein Video. Die URL  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?

1150×555 25.9 KB

Dankeschön!

Boris 

2

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 wie „MEINIFRAME.contentWindow.DOCUMENTINHALTMANUPULATION“ machen. (Symbolisch)

3

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.

4

Ich danke euch. 

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

Das hier funktioniert auch nicht.

5

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: https://www.topspeed-tt.com/

6

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

7

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

8

du platzierst im Theme/EKW folgenden Codeschnipsel:

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

 

9

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