How to integrate interactive learning content into your own site
HTML5 and H5P
The interactive learning content was realized with HTML5 and Javascript. For this we use the user interface/possibilities of H5P. H5P content can be integrated into your own homepage via HTML code. For this purpose, a so-called window (iframe) is integrated, in which the contents of our homepage are then faded in. However, ONLY the respective interactive learning game is displayed in this window.
Here is an example of an interactive learning game. It is always displayed over the entire available page width!
The code for embedding
Is a separate WEB page necessary?
NO! You can also put the code into a new or empty document and open this page in a browser. It "only" has to look like an HTML page.
However, in order to display the content, an Internet connection is required, as described below.
This is how you recognize interactive content that can be included!
Interaktive Mathematik Lernspiele / Lernübungen die eingebunden werden können erkennt ihr an dem Text/Zeichen <> Embed unter der Übung.
Include in a local document
Interactive content can also be embedded in a document / file for work on your own PC or on the Smartboard at school.
For this to work, Internet access is required when calling up the file, as the content is integrated via the Mathefritz.de site.
To do this, save a file with, for example, the following content:
<html>
<body>
Here comes your text and/or the embedded code, e.g.
<script src=”https://mathefritz.de/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js” charset=”UTF-8″>
</script>
</body>
</html>
Important: Save the file with the extension *.html.
Your file.html can now display the interactive content in any browser.
The integration is possible without hesitation and without costs. For licensing reasons - especially because of the image rights acquired by us - we can not provide the H5P content as a complete download.