My favorite-LearningApps

This page demonstrates how you can embed LearningApps into other webpages like this one. You can use the "Embed-Code" you can find below each LearningApp on LearningApps.org.

The embed code will look like this:

<iframe src="https://learningapps.org/watch?app=7588471" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

You can also add additional parameters to the src URL. For example if you don't like the small fullescreen icon in the upper right corner you can write:

<iframe src="https://learningapps.org/watch?app=7588471&fullscreen=1" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

You can also add your own CSS to apps you embed to adjust the look:

<iframe src="https://learningapps.org/watch?v=p8w360wu317&cssString=body{background:white !important}" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

Left side without cssString and right with white background.

If you have larger CSS changes you can also add a CSS file instead. You may host your custom CSS file on your own server and point to it by URL:

<iframe src="https://learningapps.org/watch?v=p8w360wu317&css=https://learningapps.org/embedDemo.css" style="border:0px;width:100%;height:700px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>