IFRAME wird in contao template nicht mehr angezeigt

Hallo!

Habe folgendes Problem - habe in Contao im Template ein Iframe eingebunden - funktionierte immer einwandfrei.
Plötzlich wird es im Frontend nicht mehr angezeigt und die Seite bleibt weiß - im Quellcode ist aber alles drinnen.

Das einzige was ich in letzter Zeit umgestellt habe auf der Website ist: SSL aktiviert.
Der Link im Iframe ist aber ohne SSL - weil die haben noch keines...


Das ist mein Code - teste ich es lokal in einem HTML Dokument funktioniert es:

HTML-Code:

---

<div class="embed-container">
  <iframe
      src="http://link.net/mjpg/video.mjpg"
      frameborder="0"
      webkitAllowFullScreen mozallowfullscreen allowFullScreen>
  </iframe>
</div>

  <div class="embed-container_mobil">
  <iframe
      src="http://link.net/mjpg/video.mjpg?resolution=320x240"
      frameborder="0"
      webkitAllowFullScreen mozallowfullscreen allowFullScreen>
  </iframe>
</div>

---

Jemand Ideen was ich machen kann?

Hi,

wenn du versucht auf einer Seite mit SSL Inhalte ohne SSL zu laden, wird das vom Browser verhindert. Du solltest das auch in der Konsole der DevTools auch als Fehler/Hinweis sehen.

Viele Grüße
René

Vielleicht hilft das weiter: https://community.contao.org/de/show...PTION-Probleme
In meiner config.yml steht:

Code:

---

nelmio_security:
    clickjacking:
        paths:
            '^/.*': ALLOW

---

Zitat:

---

Zitat von Fehrmann

Hi,

wenn du versucht auf einer Seite mit SSL Inhalte ohne SSL zu laden, wird das vom Browser verhindert. Du solltest das auch in der Konsole der DevTools auch als Fehler/Hinweis sehen.

Viele Grüße
René

---

Das ist noch eine Website mit Contao Open Source CMS 3.5.30 - da gibts das noch nicht ..

Siehe:

Zitat:

---

Zitat von Spooky

Zitat:

---

Zitat von LenaMaurer

Möchte einfach auf meiner Contao Seite ein Iframe einer anderen Website einbinden

---

Die andere Website muss die Response Header entsprechend setzen. In deiner Contao Installation kannst du da nichts ausrichten.

Zitat:

---

Zitat von LenaMaurer

(die andere Website hat kein ssl)..

---

Dann darf auch deine Website kein HTTPS Protokoll benutzen, was natürlich nicht empfehlenswert ist. Die andere Website muss ein SSL Zertifikat zur Verfügung stellen.

---

Das heißt es ist technisch nicht möglich den Link auf meiner Website als IFRAME einzubinden wenn ich SSL verwende und der Link ohne SSL ist?
Problem ist dass es ein Link zu einer Webcam ist und es schwierig ist diese Webcam auf SSL zu stellen ...

Zitat:

---

Zitat von LenaMaurer

Das heißt es ist technisch nicht möglich den Link auf meiner Website als IFRAME einzubinden wenn ich SSL verwende und der Link ohne SSL ist?

---

Ja, das ist nicht möglich.

Es ist egal, ob am Ende der unsicheren Verbindung eine Webcam, eine Site oder ein Ochsenfrosch sitzt. Deine Webseite kann nicht als sicher eingestuft werden, wenn eingebundene Dinge abweichend nicht via SSL-Verbindung (also das https:// ...) geladen werden können.

Zur Illustration: Anhang 24858

Vielleicht ein kleiner Lösungsansatz: Wenn das mit dem Betreiber der Cam in Ordnung geht könnte man ein kleines Proxy-Skript einbauen welches das Bild per HTTP abgreift und über Deine eigene Seite dann per HTTPS ausspielt.

Zitat:

---

Zitat von BennyBorn

Vielleicht ein kleiner Lösungsansatz: Wenn das mit dem Betreiber der Cam in Ordnung geht könnte man ein kleines Proxy-Skript einbauen welches das Bild per HTTP abgreift und über Deine eigene Seite dann per HTTPS ausspielt.

---

Wie soll das funktionieren? Oder wie kann ich mir das vorstellen?

Zitat:

---

Zitat von LenaMaurer

Wie soll das funktionieren? Oder wie kann ich mir das vorstellen?

---

Ganz vereinfacht gesagt, gehen wir mal weg von dem iFrame und stellen uns vor Du bindest einfach nur ein Bild von extern ein, die Problemstellung wäre die gleiche:

HTML-Code:

---

<img src="http://example.com/webcam.jpg" />

---

Das Bild wird auf Deiner Seite, die mit HTTPS läuft, nicht angezeigt weil es aus einem unsicheren Kontext kommt (HTTP). Die Entscheidung das nicht anzuzeigen trifft der Browser des Nutzers.

Wenn wir jetzt aber das Bild serverseitig abgreifen, also Deine Seite lädt das Bild im Hintergrund selbst von der unsicheren Quelle runter, und unter einer eigenen URL verfügbar machen ist das Problem umgangen denn plötzlich lautet die Quelle...

HTML-Code:

---

<img src="/files/webcam.jpg" />

---

... und der Browser des Nutzers ist happy :)

Wenn man den Ansatz mal etwas ausführlicher durchdenkt, dann könnte man beispielsweise einen Cronjob aufsetzen, der mittels wget das Bild abholt und irgendwohin speichert respektive ein bestehendes Bild überschreibt (meinetwegen in /web/irgendwas).

Das könntest Du dann halt auch via https:// ausgeben.