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.
    • K Offline
      kasperb @yawns
      last edited by

      @yawns Great, thanks so much, it’s working now :-)

      1 Reply Last reply Reply Quote 0
      • Mitch1138M Offline
        Mitch1138
        last edited by

        I am able to get iFrame to display a widget and it works well, the the widget is not updated. Is there a way to force an update every 15 min or so?

        Thanks, Mitch

        R 1 Reply Last reply Reply Quote 0
        • R Offline
          roramirez Core Contributors @Mitch1138
          last edited by

          @Mitch1138 There no way to force update using iFrame. Its a something is possible add a option for autorefresh. I think will not difficult added. Why do you no try?

          Easy module development with MagicMirror Module Template

          1 Reply Last reply Reply Quote 1
          • Mitch1138M Offline
            Mitch1138
            last edited by

            Thanks, I like your confidence in my abilities! I will keep working on trying to find a way to update the link.

            strawberry 3.141S 1 Reply Last reply Reply Quote 0
            • strawberry 3.141S Offline
              strawberry 3.141 Project Sponsor Module Developer @Mitch1138
              last edited by

              @Mitch1138 as a hint, check how other modules update their content.

              Please create a github issue if you need help, so I can keep track

              1 Reply Last reply Reply Quote 0
              • Mitch1138M Offline
                Mitch1138
                last edited by

                Thanks for the tip, but I didn’t have a lot of success. I punted and installed Auto Refresh Plus extension in Chrome. Running in server mode I can use this to refresh the page on a predefined time cycle.

                1 Reply Last reply Reply Quote 0
                • R Offline
                  roramirez Core Contributors
                  last edited by

                  Is more easy than that. Check out the function and use of scheduleUpdate function.
                  https://github.com/MichMich/MagicMirror/blob/master/modules/default/currentweather/currentweather.js
                  Is of currentweather module.

                  Easy module development with MagicMirror Module Template

                  1 Reply Last reply Reply Quote 0
                  • 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

                                            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
                                            • 1 / 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