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 77.7k 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
      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
        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
          michael24h
          last edited by

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

          Thanks

          1 Reply Last reply
          Reply Quote 0
          • L
            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
              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
                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
                  looolz @michael24h
                  last edited by looolz

                  @michael24h aaaaaaaah!

                  Yes! That worked, thanks!

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

                    no worries

                    L 1 Reply Last reply
                    Reply Quote 0
                    • L
                      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
                        michael24h
                        last edited by

                        Usual thing good use to

                        1 Reply Last reply
                        Reply Quote 0
                        • F
                          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
                            michael24h @fox
                            last edited by

                            @fox
                            can you post config

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