• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 63.8k 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.
  • Y Offline
    yawns Moderator
    last edited by yawns Dec 6, 2016, 2:08 PM Dec 6, 2016, 2:07 PM

    I see several formatting errors (missing , and too many } ). I did not test it, but please try this instead. Oh, and please remove your api keys and your personal calendar urls before posting the config file on the internet :)

    {
    	module: 'iFrame',
    	position: 'bottom_bar', // This can be any of the regions.
    	config: {
    		// See 'Configuration options' for more information.
    		url: "https://www.youtube.com/embed/6kgH6kqNuWM?list=PL24DEF584E7DBB4CF",
    		width: "50px", // Optional. Default: 100%
    		height: "50px", //Optional. Default: 100px
    	}
    },
    
    E K 2 Replies Last reply Dec 6, 2016, 2:36 PM Reply Quote 1
    • R Offline
      roramirez Core Contributors
      last edited by Dec 6, 2016, 2:25 PM

      @kasperb @eugekiller as said @yawns, you need config only the URL not html code for iframe tag.

      Easy module development with MagicMirror Module Template

      1 Reply Last reply Reply Quote 0
      • E Offline
        eugekiller @yawns
        last edited by Dec 6, 2016, 2:36 PM

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

        {
        module: ‘iFrame’,
        position: ‘bottom_bar’, // This can be any of the regions.
        config: {
        // See ‘Configuration options’ for more information.
        url: “https://www.youtube.com/embed/6kgH6kqNuWM?list=PL24DEF584E7DBB4CF”,
        width: “50px”, // Optional. Default: 100%
        height: “50px”, //Optional. Default: 100px
        }
        },

        Thanks that did it :). But one question any way to make it auto play?
        Right now it loads it but i have to use the mouse to hit play on it.

        1 Reply Last reply Reply Quote 0
        • R Offline
          roramirez Core Contributors
          last edited by Dec 6, 2016, 2:38 PM

          Well, autoplay is a option of Youtube,

          Add autoplay=1 to url

          https://www.youtube.com/embed/6kgH6kqNuWM?list=PL24DEF584E7DBB4CF&autoplay=1

          Easy module development with MagicMirror Module Template

          1 Reply Last reply Reply Quote 1
          • E Offline
            eugekiller
            last edited by Dec 6, 2016, 2:52 PM

            Thank You Guys worked like a charm. :)

            1 Reply Last reply Reply Quote 0
            • K Offline
              kasperb @yawns
              last edited by Dec 7, 2016, 1:47 AM

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

              1 Reply Last reply Reply Quote 0
              • M Offline
                Mitch1138
                last edited by Jan 17, 2017, 6:24 PM

                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 Jan 18, 2017, 12:19 AM Reply Quote 0
                • R Offline
                  roramirez Core Contributors @Mitch1138
                  last edited by Jan 18, 2017, 12:19 AM

                  @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
                  • M Offline
                    Mitch1138
                    last edited by Jan 18, 2017, 1:45 PM

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

                    S 1 Reply Last reply Jan 18, 2017, 1:58 PM Reply Quote 0
                    • S Offline
                      strawberry 3.141 Project Sponsor Module Developer @Mitch1138
                      last edited by Jan 18, 2017, 1:58 PM

                      @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
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 1 / 6
                      • 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