The recent release of the H5P plugin for Moodle (https://h5p.org/dec-2017-release-note) now allows for the embedding of H5P into HTML within an iFrame.
Many people in the Moodle community have been asking for the ability to embed H5P content in different parts of Moodle and I am pleased to announce it is now possible!
With the latest release of the Moodle plugin you will be able to embed H5Ps on the front page of courses and in almost any other Moodle page that accepts HTML as input. All you have to do is copy the embed code found at the bottom of the H5P container and paste it into a label. Note that you will have to press the ‘html’ button first. The screencast below shows how it’s done. We’ll be back later with an Atto plugin to make this even easier.
Sorry to say but using an iframe i find it very bad solution.Why we need unnecessarily data impoerting(menu,footer etc) when we just need only one div element of the whole page.
Especially in the mobile environment its unacceptable.
I would like to working on this but have no idea how to
I understand what you’re saying, however H5P in Moodle only supports activities, so this is the best solution to extend H5P without the need of development