MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Display web widget on mirror through iFrame?

    Scheduled Pinned Locked Moved Troubleshooting
    60 Posts 9 Posters 70.1k Views 9 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • michael24hM Offline
      michael24h
      last edited by yawns

      hello
      I also heve problem with iframer. This is what put in my config. but can’t make auto play with adding -->&autoplay=1

      {
      			module: 'iFrame',
      			position: 'bottom_left', // This can be any of the regions.
      				config: {
      				// See 'Configuration options' for more information.
                      url:  src="https://www.youtube.com/embed/I7hV-5GHWhc",
                      width: '360px', // Optional. Default: 100%
                      height: '360px', //Optional. Default: 100px
      				}
      			
      		},
      
      1 Reply Last reply Reply Quote 0
      • michael24hM Offline
        michael24h
        last edited by

        @roramirez said in Display web widget on mirror through iFrame?:

        &autoplay=1

        Anyone

        1 Reply Last reply Reply Quote 0
        • michael24hM Offline
          michael24h
          last edited by

          already resolved the problem, replace “&” with “?” in the url the video.

          Thanks

          1 Reply Last reply Reply Quote 0
          • L Offline
            looolz
            last edited by

            same problem, still not working. Loading the module breaks the file. Here is my code:

            	{
                    module: 'iFrame',
                    position: 'bottom_bar', // This can be any of the regions.
                    config: {
                        // See 'Configuration options' for more information.
                            url: "http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png"
                            width: "828px" // Optional. Default: 100%
                            height: "272px" //Optional. Default: 100px
                        }
                    },
            
            

            The only detail I’ve found in the documentation that seems a little off, is that it suggests the URL formatting to be as such:

            url: "http:http://example.com/" 
            

            But that still doesn’t work.

            1 Reply Last reply Reply Quote 0
            • michael24hM Offline
              michael24h
              last edited by

              @looolz said in Display web widget on mirror through iFrame?:

              http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png

              this one work on my clock

              {
              module: ‘iFrame’,
              position: ‘bottom_left’, // This can be any of the regions.
              config: {
              // See ‘Configuration options’ for more information.
              url: “http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png”,
              width: ‘220%’, // Optional. Default: 100%
              height: ‘360px’, //Optional. Default: 100px
              }

              	},
              
              1 Reply Last reply Reply Quote 0
              • michael24hM Offline
                michael24h
                last edited by

                            url: "http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png",
                           your missing " , " after .png
                
                L 1 Reply Last reply Reply Quote 0
                • L Offline
                  looolz @michael24h
                  last edited by looolz

                  @michael24h aaaaaaaah!

                  Yes! That worked, thanks!

                  1 Reply Last reply Reply Quote 0
                  • michael24hM Offline
                    michael24h
                    last edited by

                    no worries

                    L 1 Reply Last reply Reply Quote 0
                    • L Offline
                      looolz @michael24h
                      last edited by

                      @michael24h By the way, the example config from the readme.md also lacks the comma.

                      1 Reply Last reply Reply Quote 0
                      • michael24hM Offline
                        michael24h
                        last edited by

                        Usual thing good use to

                        1 Reply Last reply Reply Quote 0
                        • foxF Offline
                          fox
                          last edited by

                          Does the page i want to embedd should meet minimum requirements?
                          I checked here: https://validator.w3.org/#validate_by_input and no problems found. But iFrame-module does not show the page

                          Issues With MMM-WatchDog known?

                          https://forum.magicmirror.builders/post/29827

                          Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                          michael24hM 1 Reply Last reply Reply Quote 0
                          • michael24hM Offline
                            michael24h @fox
                            last edited by

                            @fox
                            can you post config

                            foxF 1 Reply Last reply Reply Quote 0
                            • foxF Offline
                              fox @michael24h
                              last edited by fox

                              @michael24h

                                                      module: "MMM-iFrameReload",
                                                      position: "top_right",
                                                      header: "",
                                                      config: {
                                                              url: "http://192.168.188.30/indexsmall.html",
                                                              width: "100%",
                                                              height: "150px"
                                                      }
                                              },
                              
                              

                              page:

                              http://pastebin.com/KjhxUpYZ

                              Issues With MMM-WatchDog known?

                              https://forum.magicmirror.builders/post/29827

                              Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                              1 Reply Last reply Reply Quote 0
                              • michael24hM Offline
                                michael24h
                                last edited by

                                will do if you do:
                                open frame in new tab
                                and then paste in:
                                url:src=“http://cdnx.tribalfusion.com/media/6869616/assets/tab2/tab2.html”,

                                1 Reply Last reply Reply Quote 0
                                • michael24hM Offline
                                  michael24h
                                  last edited by

                                  Or
                                  http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4
                                  if you like this one :-)

                                  1 Reply Last reply Reply Quote 0
                                  • michael24hM Offline
                                    michael24h
                                    last edited by michael24h

                                    @fox said in Display web widget on mirror through iFrame?:

                                    url: “http://192.168.188.30/indexsmall.html”,

                                    this won’t work url: “http://192.168.188.30/indexsmall.html”,
                                    only way :
                                    ->index or home.html

                                    1 Reply Last reply Reply Quote 0
                                    • foxF Offline
                                      fox
                                      last edited by

                                      @michael24h said in Display web widget on mirror through iFrame?:

                                      http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4

                                      You mean that i change my config of iFrame with your URL?
                                      like this?

                                                      {
                                                              module: "MMM-iFrameReload",
                                                              position: "top_right",
                                                              header: "",
                                                              config: {
                                                                      url: "http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4",
                                                                      width: "100%",
                                                                      height: "150px"
                                                              }
                                                      },
                                      
                                      

                                      Issues With MMM-WatchDog known?

                                      https://forum.magicmirror.builders/post/29827

                                      Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                                      1 Reply Last reply Reply Quote 0
                                      • michael24hM Offline
                                        michael24h
                                        last edited by

                                        yes
                                        page like index.html or home.html need be live.
                                        if I wanna add home page my home pninter:
                                        need somtning like this
                                        http://192.168.0.27/sws/index.html this will.

                                        1 Reply Last reply Reply Quote 0
                                        • michael24hM Offline
                                          michael24h
                                          last edited by

                                          @fox said in Display web widget on mirror through iFrame?:

                                          http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4

                                          just paste your link in web browser
                                          –> http://cdnx.tribalfusion.com/media/6869616/assets/video1.mp4
                                          will work in browser, will work in mm. MM thats web browser “without mouse”

                                          1 Reply Last reply Reply Quote 1
                                          • foxF Offline
                                            fox
                                            last edited by fox

                                            I changed it but no effect:

                                                            {
                                                                    module: "MMM-iFrameReload",
                                                                    position: "top_right",
                                                                    header: "",
                                                                    config: {
                                                                            url: "http://192.168.188.30/home.html",
                                                                            width: "100%",
                                                                            height: "150px"
                                                                    }
                                                            },
                                            
                                            

                                            top right is the position and it shows only a scroll element
                                            alt text

                                            Issues With MMM-WatchDog known?

                                            https://forum.magicmirror.builders/post/29827

                                            Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy