MMM-iFrame-Ping

lpgjg

Hey everyone,
Hoping I can jump in here at the beginners level. Been trying to load a number of YouTube modules for a week to no avail.

I’m more old school so this stuff doesn’t come natural to me and I’ve been trying to get iFrame-Ping to work the last few days.

Long story short, all I get is YouTube trying to load on the MM and then “Video unavailable” where the video should be.

The rest of the MM and its modules are working as should be. Strangely enough, I can click on the iframe-Ping module and the whole magic mirror disappears and the Pi switches to YouTube, full screen?

The only way to get out of youtube at this point is with “ctrl Q”.

Can anyone help?

AgP42

@lpgjg
Hello,

can you send your configuration ?

And also the log ? (when the MagicMirror is running, Ctrl+i and then filter to “iFrame-Ping” and copy the data°

Thanks,
AgP42

lpgjg

Will try to do so when I get home from work tonight. May take a few attempts as this very alien to me given that I’m probably older than most all of you…or your dads.

May be worth noting: After a few attempts I noticed if I used my companies playlist, or that of Bombardier, Nord-Gear or any other company / commercial play list, it works fine. Always begins at the same place when started but the module shows up and plays the videos.

But if I try to add a Pop music playlist or any of the popular artist out their, it gives me the “video unavailable.”

As if it’s a copy right issue when going through the mirror.

BTW: I’m in Montreal, Canada

sdetweil

@lpgjg I’m 67… some of us are older…

AgP42

@lpgjg @sdetweil,

the good news is that technology don’t care about the user age !

and I also don’t care, old or young, gives me your logs and I will help you ! :smiling_face_with_halo: :face_with_tears_of_joy:

lpgjg

Nothing happens when I hit “ctrl” and then the letter ”i” while the mirror is running. Or was I actually suppose to add the plus sign “+”…and I tried that as well. Only thing that works is ctrl Q.

As to my configuration. I assume this is what you are asking for:

{
module: ‘MMM-iFrame-Ping’,
position: ‘bottom_right’, // This can be any of the regions.
config: {
// See ‘Configuration options’ for more information.
url: “https://www.youtube.com/embed/LH4Y1ZUUx2g?list=PLw-VjHDlEOguL2K_NwIl_tYcs9_FSt5v_&autoplay=1&modestbranding=1&iv_load_policy=3”, //url to display
height:“80%”,
width:“80%”,
autoRefresh: false, //set to false for video
updateInterval: 1, //in min. Only if autoRefresh: true
displayLastUpdate: true,
width: “100%”, // Optional. Default: 100%
height: “400px”, //Optional. Default: 100px
scrolling: “no”
}

sdetweil

@lpgjg ctrl-shift-i (letter I) to open the dev window, then select the console tab

AgP42

@lpgjg
This video is not available on youtube, so yes it is normal that the magicmirror cannot load it.

Is it a private video ?

Mykle1

@sdetweil said in MMM-iFrame-Ping:

I’m 67… some of us are older…

I’m the youngest of my older friends. (60)

lpgjg

I guess I am the baby of the group after all at 58.

AgP42
The videos are all from YouTube and do not seem to be private. I have tried this three amongst quite a few others. If someone has a pop play list that works, can you please give it to me. I can try it.

https://www.youtube.com/watch?v=LH4Y1ZUUx2g&list=PLw-VjHDlEOguL2K_NwIl_tYcs9_FSt5v_
https://www.youtube.com/watch?v=JGwWNGJdvx8&list=PLMC9KNkIncKtPzgY-5rmhvj7fax8fdxoj
https://www.youtube.com/watch?v=WXBHCQYxwr0&list=PL4o29bINVT4EG_y-k5jGoOu3-Am8Nvi10

I right click on the video while its playing and then click on copy embed code, from there I copy the src and input that into iFrame and/or iFramPing. Which gives me the “video unavailable” when I start the mirror.

When I do the exact same for the following YouTube videos, the vids play fine.

https://www.youtube.com/watch?v=I_bOFxxqXOg&list=PL6GgLDsVQ7J-JEVldGtzIVlmC1MbvIZbO
https://www.youtube.com/watch?v=M3AYuDFdf88&list=PLwMdN-ylsjO5633clbN4nkygVXHpbcFwX

I will try the ctrl-shift-i and will be back soon…hopefully.

lpgjg

Wow…did not expect that screen to pop up? Hope I got what you asked for.

Filter:
Load script: modules/MMM-iFrame//MMM-iFrame.js
module.js:477 Module registered: MMM-iFrame
loader.js:152 Bootstrapping module: MMM-iFrame
loader.js:157 Scripts loaded for: MMM-iFrame
loader.js:197 Load stylesheet: modules/MMM-iFrame/MMM-iFrame.css
loader.js:159 Styles loaded for: MMM-iFrame
loader.js:161 Translations loaded for: MMM-iFrame
loader.js:182 Load script: modules/MMM-iFrame-Ping//MMM-iFrame-Ping.js
module.js:477 Module registered: MMM-iFrame-Ping
loader.js:152 Bootstrapping module: MMM-iFrame-Ping
loader.js:157 Scripts loaded for: MMM-iFrame-Ping
loader.js:197 Load stylesheet: modules/MMM-iFrame-Ping/MMM-iFrame-Ping.css
loader.js:159 Styles loaded for: MMM-iFrame-Ping
loader.js:161 Translations loaded for: MMM-iFrame-Ping
MMM-iFrame-Ping.js:30 Starting module: MMM-iFrame-Ping
module.js:156 MMM-iFrame received a system notification: ALL_MODULES_STARTED
module.js:156 MMM-iFrame received a system notification: MODULE_DOM_CREATED
module.js:156 MMM-iFrame received a system notification: DOM_OBJECTS_CREATED
module.js:154 MMM-iFrame received a module notification: WEATHER from sender: MMM-NOAA3
module.js:154 MMM-iFrame received a module notification: CALENDAR_EVENTS from sender: calendar
MMM-iFrame.js:26 update0
MMM-iFrame.js:26 update1
MMM-iFrame.js:26 update2
MMM-iFrame.js:26 update3
MMM-iFrame.js:26 update4
MMM-iFrame.js:26 update5
MMM-iFrame.js:26 update6

Actually been trying both the MMM-iFrame & MMM-iFrame-Ping.

AgP42

Please try only one module at the time : or iFrame or iFrame-Ping but not both on the same config file.

All the 5 link you gave bellow are also working fine in my browser, but the first one you gave previously didn’t work.

lpgjg

At first I did only try one module at a time , removing one complete before trying the other. I’ve only recently installed a few at a time just to try different links on each module try to triple my combinations.

I see no difference if I try one at a time or three at the same time. Even have MMM-SmartWebDisplay installed now and it also behaves the same way.

But i will try one at a time again when I get home later.

Wondering if its a Canadian copy right thing? Any Canadians on here have these modules running properly. If so, would love to see which playlists you have running.

Was there any errors on the info I provided?

JeroenV99

Anyone can help me?:slightly_smiling_face:

i want to put my google spreadsheets on my Magic Mirror and I thought it would be best with iframe

but when i put my link in the config there is no new item on my mirror

https://docs.google.com/spreadsheets/d/e/2PACX-1vTd-e8mpbbkZSfsZzQHrIevINnb-DVZnm5mPOmX3FqzS6yp6q_mxd0SnBbZ-hurB_7ET3sZDH_GFXil/pubhtml?gid=0&single=true
0_1553070813490_4a834d4c-11d9-4c83-81b1-c45436915682-image.png

AgP42

@JeroenV99

I also have an empty page with your link, so normal that the iFrame don’t display it !

Egnos

Thank you very much to the developer for the excellent work!

I would have a problem:
In my MM I call the “MMM-iFrame-Ping” module twice, it appear on two different pages.
The problem is if I want to set two different sizes.
For some reason the size of one module affects the other, not allowing to have two distinct measures.

Here is my config.js:

		{
		module: 'MMM-iFrame-Ping',
		//position: 'middle_center',	// This can be any of the regions.
		pages: {Welcome: "middle_center"},
		config: {
			// See 'Configuration options' for more information.
			url: "xxxxxxxxxx",
			//height:"100%", 
			//width:"100%",
			autoRefresh: false, //set to false for video
			updateInterval: 1, //in min. Only if autoRefresh: true
			displayLastUpdate: false,
			width: "50%", // Optional. Default: 100%
			height: "500px", //Optional. Default: 100px
			scrolling: "no" 
				}
		},

		{
		module: 'MMM-iFrame-Ping',
		//position: 'middle_center',	// This can be any of the regions.
		pages: {Sport: "middle_center"},
		config: {
			// See 'Configuration options' for more information.
			url: "xxxxxxxxxx",
			//height:"100%", 
			//width:"100%",
			 autoRefresh: false, //set to false for video
			updateInterval: 1, //in min. Only if autoRefresh: true
			displayLastUpdate: false,
			width: "30%", // Optional. Default: 100%
			height: "350px", //Optional. Default: 100px			
			//width: "50%", // Optional. Default: 100%
			//height: "500px", //Optional. Default: 100px
			scrolling: "no" 
				}
		},

Does it happen to you too?
Is this behavior correct?

I hope I explained myself!

Thanks.

hawkeye

hi i have installed this module and have it working to a point i just cant get youtube to work on it is there some thing im missing ?

if i out my own website in as the url that loads google dosent though