Skip to content
Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.


NOTE: THIS MAY NOT WORK WITH THE LATEST MAGICMIRRIOR CODE. This is an open source project. That means you have the code to fix issues and that the code, this module, is unsupported. If you need/want help, pay for my time.

Module: MMM-iFrame

The MMM-iFrame module is for MagicMirror. It is a simple way to add an iFrame of any web content to your MagicMirror. Please note that not all websites support being in a iFrame.

Use case examples

Nest Camera streaming

As of right now, Nest Camera only support streaming to iFrame when the camera feed is set to public. When you set it to public, you'll get a live URL and a iFrame embedded URL (should look like Put that url into the config.url[]. For more info, check out this thread

D-Link Camera streaming

D-Link cameras streams can be easily embedded into an iFrame. Some cameras require a username and password. You can construct a URL that looks like this http://admin:password@ and put it in the config.url[]. For mroe info, check out streaming

Just go to the channel you want and click on share and cut and paste the embed src URL (eg. For more info, check out

Youtube streaming

Just got to the video you want. Click share and embed and pull out the url and add the autoplay parameter (eg.

Using the module

To use this module, add it to the modules array in the config/config.js file:

modules: [
		module: 'MMM-iFrame',
		position: 'bottom_bar',	// This can be any of the regions.
		config: {
			// See 'Configuration options' for more information.
				url: ["ENTER IN URL", "ENTER IN URL2"],  // as many URLs you want or you can just ["ENTER IN URL"] if single URL.
				updateInterval: 0.5 * 60 * 1000, // rotate URLs every 30 seconds
				width: "1280", // width of iframe
				height: "720", // height of iframe
				frameWidth: "400" // width of embedded iframe, height is beeing calculated by aspect ratio of iframe

Configuration options

The following properties can be configured:

Option Description
url the URL(s) in the iFrame

Example:["", "", ""]
Default value: [""]
updateInterval the update internal for the iFrame.

Example for 30 seconds:0.5 * 60 * 1000
Default value: "0.5 * 60 * 1000"
width the width of the iFrame

Default value: "100%"
height the width of the iFrame

Default value: "100px"

This is an open source project

That means you have the code to fix issues and that the code, this module, is unsupported. If you'd like issues to be fixed, please sponsor fixes using


iframe module for Magic Mirror. Supports camera, twitch, youtube streaming and more!



No releases published


No packages published