Display web widget on mirror through iFrame?

eugekiller

@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.

roramirez

Well, autoplay is a option of Youtube,

Add autoplay=1 to url

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

eugekiller

Thank You Guys worked like a charm. :)

kasperb

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

Mitch1138

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

roramirez

@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?

Mitch1138

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

strawberry 3.141

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

Mitch1138

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.

roramirez

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.

michael24h

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
				}
			
		},

michael24h

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

&autoplay=1

Anyone

michael24h

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

Thanks

looolz

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.

michael24h

@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
}

},

michael24h

            url: "http://www.yr.no/sted/Norge/Oslo/Oslo/Oslo/meteogram.png",
           your missing " , " after .png

looolz

@michael24h aaaaaaaah!

Yes! That worked, thanks!

michael24h

no worries

looolz

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

michael24h

Usual thing good use to