Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Gelöst] Teil einer Webseite einbinden in VIS

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.5k

[Gelöst] Teil einer Webseite einbinden in VIS

Geplant Angeheftet Gesperrt Verschoben Gelöst Visualisierung
44 Beiträge 17 Kommentatoren 27.6k Aufrufe 15 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M Offline
    M Offline
    mcchickents
    schrieb am zuletzt editiert von
    #16

    Guten Abend,

    habe diesen Thread gefunden und dachte er löst mein Problem. Leider bekomme ich es noch nicht so hin wie ich es mir vorstelle.

    Ich möchte eine Verkehrskamera im Vis einbinden. Es soll aber nur das reine Kamera Bild angezeigt werden ohne die Ränder der Homepage.

    Ich habe meinen Link in den Vorgeschlagenen Code kopiert.

    <iframe src="https://verkehrsinfo-bw.de/kamera?id=FR052" scrolling="no"></iframe>

    Leider bin ich zu blöd und verstehe bzw finde ich nicht my-div sowie den my-iframe um das Offset zu bestimmen. Wo sind diese Eingabe Möglichkeiten versteckt?

    Vielleicht kann mir ja jemand einen Tipp geben.

    Gruß Julian

    S 1 Antwort Letzte Antwort
    0
    • M mcchickents

      Guten Abend,

      habe diesen Thread gefunden und dachte er löst mein Problem. Leider bekomme ich es noch nicht so hin wie ich es mir vorstelle.

      Ich möchte eine Verkehrskamera im Vis einbinden. Es soll aber nur das reine Kamera Bild angezeigt werden ohne die Ränder der Homepage.

      Ich habe meinen Link in den Vorgeschlagenen Code kopiert.

      <iframe src="https://verkehrsinfo-bw.de/kamera?id=FR052" scrolling="no"></iframe>

      Leider bin ich zu blöd und verstehe bzw finde ich nicht my-div sowie den my-iframe um das Offset zu bestimmen. Wo sind diese Eingabe Möglichkeiten versteckt?

      Vielleicht kann mir ja jemand einen Tipp geben.

      Gruß Julian

      S Offline
      S Offline
      skokarl
      schrieb am zuletzt editiert von
      #17

      @mcchickents

      les doch mal wie ich es zwei Posts davor gemacht habe.

      HMTL Widget....und da den Code rein.

      IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

      1 Antwort Letzte Antwort
      0
      • M Offline
        M Offline
        mcchickents
        schrieb am zuletzt editiert von
        #18

        Hi deine Antwort habe ich gesehen. Und auch ausprobiert.

        <div style="position:relative;width:1290px;height:750px;overflow:auto;">
        <iframe src="https://verkehrsinfo-bw.de/kamera?id=FR041" height="1000" width="2000" style="border:none;overflow:hidden;position:absolute;left:-672px;top:-194px;">

            </iframe>
        

        </div>

        Bei mir ist das jetzt leider nur noch etwas zu groß. ich bräuchte das ca. um die hälfte kleiner.

        Gruß Julian

        FredFF S 2 Antworten Letzte Antwort
        0
        • M mcchickents

          Hi deine Antwort habe ich gesehen. Und auch ausprobiert.

          <div style="position:relative;width:1290px;height:750px;overflow:auto;">
          <iframe src="https://verkehrsinfo-bw.de/kamera?id=FR041" height="1000" width="2000" style="border:none;overflow:hidden;position:absolute;left:-672px;top:-194px;">

              </iframe>
          

          </div>

          Bei mir ist das jetzt leider nur noch etwas zu groß. ich bräuchte das ca. um die hälfte kleiner.

          Gruß Julian

          FredFF Online
          FredFF Online
          FredF
          Most Active Forum Testing
          schrieb am zuletzt editiert von
          #19

          @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

          ich bräuchte das ca. um die hälfte kleiner.

          Dann diese werte halbieren:

          height="1000" width="2000"

          1 Antwort Letzte Antwort
          0
          • M Offline
            M Offline
            mcchickents
            schrieb am zuletzt editiert von
            #20

            Habe ich auch gedacht funktioniert aber leider nicht

            1 Antwort Letzte Antwort
            0
            • M mcchickents

              Hi deine Antwort habe ich gesehen. Und auch ausprobiert.

              <div style="position:relative;width:1290px;height:750px;overflow:auto;">
              <iframe src="https://verkehrsinfo-bw.de/kamera?id=FR041" height="1000" width="2000" style="border:none;overflow:hidden;position:absolute;left:-672px;top:-194px;">

                  </iframe>
              

              </div>

              Bei mir ist das jetzt leider nur noch etwas zu groß. ich bräuchte das ca. um die hälfte kleiner.

              Gruß Julian

              S Offline
              S Offline
              skokarl
              schrieb am zuletzt editiert von
              #21

              @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

              672px;top:-194px;">

              spiel mal ein bisschen mit den Zahhlen.......

              IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

              M 1 Antwort Letzte Antwort
              0
              • S skokarl

                @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

                672px;top:-194px;">

                spiel mal ein bisschen mit den Zahhlen.......

                M Offline
                M Offline
                mcchickents
                schrieb am zuletzt editiert von
                #22

                @skokarl said in [Gelöst] Teil einer Webseite einbinden in VIS:

                @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

                672px;top:-194px;">

                spiel mal ein bisschen mit den Zahhlen.......

                Die beiden bestimmen ja nur ab wo der Rest ausgeblendet werden soll. Was auch super funktioniert. Bei mir ist jetzt nur die Ansicht viel zu groß und wenn die 2000 und 1000 werte ändere passiert bei mir nix an der Größe.

                Gruß Julian

                S 1 Antwort Letzte Antwort
                0
                • M mcchickents

                  @skokarl said in [Gelöst] Teil einer Webseite einbinden in VIS:

                  @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

                  672px;top:-194px;">

                  spiel mal ein bisschen mit den Zahhlen.......

                  Die beiden bestimmen ja nur ab wo der Rest ausgeblendet werden soll. Was auch super funktioniert. Bei mir ist jetzt nur die Ansicht viel zu groß und wenn die 2000 und 1000 werte ändere passiert bei mir nix an der Größe.

                  Gruß Julian

                  S Offline
                  S Offline
                  skokarl
                  schrieb am zuletzt editiert von
                  #23

                  @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

                  @skokarl said in [Gelöst] Teil einer Webseite einbinden in VIS:

                  @mcchickents sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

                  672px;top:-194px;">

                  spiel mal ein bisschen mit den Zahhlen.......

                  Die beiden bestimmen ja nur ab wo der Rest ausgeblendet werden soll. Was auch super funktioniert. Bei mir ist jetzt nur die Ansicht viel zu groß und wenn die 2000 und 1000 werte ändere passiert bei mir nix an der Größe.

                  Gruß Julian

                  änder mal die Zahlen auf 1000 und 500......damit man auch was sieht.
                  Danach Browser aktualisieren.....F5

                  IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                  1 Antwort Letzte Antwort
                  0
                  • M Offline
                    M Offline
                    mcchickents
                    schrieb am zuletzt editiert von
                    #24

                    Hi
                    ich habe mal ein Bild gemacht, was oben sind die Werte 1000 und 2000 unten Sind die Werte 500 und 1000. Leider ist das Bild aber immer noch so groß, sieht man ganz gut an der Beschriftung.

                    Gruß Julian 1.PNG

                    S 1 Antwort Letzte Antwort
                    0
                    • M mcchickents

                      Hi
                      ich habe mal ein Bild gemacht, was oben sind die Werte 1000 und 2000 unten Sind die Werte 500 und 1000. Leider ist das Bild aber immer noch so groß, sieht man ganz gut an der Beschriftung.

                      Gruß Julian 1.PNG

                      S Offline
                      S Offline
                      skokarl
                      schrieb am zuletzt editiert von
                      #25

                      @mcchickents

                      Du hast doch jetzt alles was Du brauchst.
                      Und 4 Zahlen die Du verändern kannst......den Rest muss Du jetzt selbst schaffen.
                      Ich kann Dir schlecht von hier aus ein Bild anpassen.

                      IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                      1 Antwort Letzte Antwort
                      0
                      • M Offline
                        M Offline
                        mcchickents
                        schrieb am zuletzt editiert von
                        #26

                        Mir ist schon klar das ich das selber machen soll. Möchte ich ja auch^^.

                        Leider geht es ja aber nicht.

                        Die werte height="1000" width="2000" machen ja lediglich den Rahmen kleiner. Nicht aber die Quelle aus dem Link diese bleibt gleich groß.

                        Die Werte left:-672px;top:-194px;" bestimmen die Position ab der das Bild angezeigt werden soll was auch super funktioniert.

                        Ich bräuchte jetzt aber noch diesen Befehl. scale(1.5); bekomme es aber nicht intefriert in den aktuellen Code.

                        Gruß Julian

                        1 Antwort Letzte Antwort
                        0
                        • nik82N Offline
                          nik82N Offline
                          nik82
                          Most Active
                          schrieb am zuletzt editiert von
                          #27

                          @mcchickents
                          Warum probierst du nicht meinen Code oben?

                          Mach mal das hier rein:

                          <div style>
                          <iframe style="transform-origin: 50px 50px 50px; transform: scale(0.5); width: 600px; height: 700px;" src="https://verkehrsinfo-bw.de/kamera?id=FR041" name="iFrame" scrolling="no"></iframe>
                          </div>
                          

                          Mit scale bekommst du das ganze kleiner...

                          1 Antwort Letzte Antwort
                          0
                          • M Offline
                            M Offline
                            mcchickents
                            schrieb am zuletzt editiert von
                            #28

                            Hi nik82,dein Code habe ich auch schon probiert. Das mit dem verkleiner funktioniert hier super. Leider bekomme ich aber bei deinem code das mit dem abschneider nicht hin sodass nur das reine bild von der hompepage da ist.

                            gruß julian

                            1 Antwort Letzte Antwort
                            0
                            • nik82N Offline
                              nik82N Offline
                              nik82
                              Most Active
                              schrieb am zuletzt editiert von
                              #29

                              Stimmt, ist komisch bei der Seite. Aber mach doch einfach einen Rahmen rum, schieb das Ding hin wo du es brauchst und den Rest erledigst du mit dem richtigen Z-Index...

                              H 1 Antwort Letzte Antwort
                              0
                              • nik82N nik82

                                Stimmt, ist komisch bei der Seite. Aber mach doch einfach einen Rahmen rum, schieb das Ding hin wo du es brauchst und den Rest erledigst du mit dem richtigen Z-Index...

                                H Offline
                                H Offline
                                Hans_M
                                schrieb am zuletzt editiert von
                                #30

                                @nik82

                                Hallo, habe folgenden Code im HTML Widget:

                                <div style>
                                
                                <iframe style="transform-origin: 2110px 1150px 0px; transform: scale(1.35); width: 1800px; height: 1000px;" src="https://kachelmannwetter.com/de/vorhersage/2959142-aholming/kompakt1x1" name="iFrame" scrolling="yes"></iframe>
                                
                                </div>
                                

                                Es funktioniert auch soweit super, nur leider werde ich ständig beim Aufruf des Views mit dem Widget auf die entsprechende Seite weitergeleitet...kennt jemand abhilfe?

                                P 1 Antwort Letzte Antwort
                                0
                                • H Hans_M

                                  @nik82

                                  Hallo, habe folgenden Code im HTML Widget:

                                  <div style>
                                  
                                  <iframe style="transform-origin: 2110px 1150px 0px; transform: scale(1.35); width: 1800px; height: 1000px;" src="https://kachelmannwetter.com/de/vorhersage/2959142-aholming/kompakt1x1" name="iFrame" scrolling="yes"></iframe>
                                  
                                  </div>
                                  

                                  Es funktioniert auch soweit super, nur leider werde ich ständig beim Aufruf des Views mit dem Widget auf die entsprechende Seite weitergeleitet...kennt jemand abhilfe?

                                  P Offline
                                  P Offline
                                  pingo
                                  schrieb am zuletzt editiert von pingo
                                  #31

                                  Kennt jemand vielleicht auch eine Lösung, wie man Ausschnitte dieser 2 Webseiten anzeigen kann? (bei mir wird kein Teil der Website angezeigt)

                                  https://www.windfinder.com/weatherforecast/rhein_walluf
                                  https://www.hochwasser.rlp.de/flussgebiet/oberrhein/mainz

                                  Danke

                                  T 1 Antwort Letzte Antwort
                                  0
                                  • P pingo

                                    Kennt jemand vielleicht auch eine Lösung, wie man Ausschnitte dieser 2 Webseiten anzeigen kann? (bei mir wird kein Teil der Website angezeigt)

                                    https://www.windfinder.com/weatherforecast/rhein_walluf
                                    https://www.hochwasser.rlp.de/flussgebiet/oberrhein/mainz

                                    Danke

                                    T Offline
                                    T Offline
                                    theint
                                    schrieb am zuletzt editiert von
                                    #32

                                    @pingo Die beiden Seiten verwenden vermutlich X-Frame-Options im Header (wie auch etliche andere Seiten dieser Art). Damit lässt sich die Seite nicht als iFrame einbinden.

                                    P 1 Antwort Letzte Antwort
                                    0
                                    • T theint

                                      @pingo Die beiden Seiten verwenden vermutlich X-Frame-Options im Header (wie auch etliche andere Seiten dieser Art). Damit lässt sich die Seite nicht als iFrame einbinden.

                                      P Offline
                                      P Offline
                                      pingo
                                      schrieb am zuletzt editiert von
                                      #33

                                      Hat jemand eine Idee, wie man von der Seite die Strompreisprognose (den Text) in VIS anzeigen kann?

                                      https://tibber.com/de/strompreisentwicklung?fbclid=IwAR3xUZxvcuBh-_B6ZzNvE_YZ_At_JMP3_zQ9njfYRCU1pp6260OVvW8qNAA

                                      Danke

                                      1 Antwort Letzte Antwort
                                      0
                                      • M Offline
                                        M Offline
                                        ManiacKill
                                        schrieb am zuletzt editiert von
                                        #34

                                        Moien zusammen,

                                        würde gerne die Webseite von Plex im Vis anzeigenlassen, ist das möglich ?

                                        Grüße

                                        DJMarc75D 1 Antwort Letzte Antwort
                                        0
                                        • M ManiacKill

                                          Moien zusammen,

                                          würde gerne die Webseite von Plex im Vis anzeigenlassen, ist das möglich ?

                                          Grüße

                                          DJMarc75D Offline
                                          DJMarc75D Offline
                                          DJMarc75
                                          schrieb am zuletzt editiert von
                                          #35

                                          @maniackill sagte in [Gelöst] Teil einer Webseite einbinden in VIS:

                                          Plex im Vis anzeigenlassen

                                          klar,

                                          iframe Widget auf die VIS ziehen und unter Quelle den Link zu Plex eintragen.

                                          Du musst dann aber den Client einloggen/registrieren

                                          Lehrling seit 1975 !!!
                                          Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                                          https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                                          M 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          812

                                          Online

                                          32.4k

                                          Benutzer

                                          81.6k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe