Iframe Embedder
Primary tabs
Submitted by H5P Group on Fri, 02/14/2014 - 15:40
Would you like to create content like this on your own?
Get startedRegister on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.
Description
The Iframe embedder makes it easy to make an H5P of already existing JavaScript applications.
This library supports:
- External embedding using a URL (supported by the editor)
- Internal embedding, i.e an H5P has to be created and uploaded. The H5P must contain all relevant resources (html, javascript, css and so forth)
New to H5P? Read the installation guide to get H5P on your own site.
Comments
kevinkoosk
Sun, 05/18/2014 - 20:07
Permalink
Problem on Wordpress
phet.html cannot be uploaded.
H5P Group
Thu, 05/22/2014 - 10:55
Permalink
HTML files are for security
HTML files are for security reasons not possible to upload by default. In Drupal you may allow html files in the H5P settings. This isn't possible in Wordpress yet.
In the future we will add a permission for trusted users to bypass the file extension check.
jckinsey
Mon, 09/08/2014 - 00:09
Permalink
I am getting the same error in Joomla - phet.html
html file type not allowed. I have edited my media permissions to allow html and HTML and still get the error message. I am using Joomla 2.5.24
fnoks
Mon, 09/08/2014 - 11:27
Permalink
Joomla problems
There are unfortunately problems with the current implementation of the Joomla extension, which makes it uncompatible with many of the H5Ps on h5p.org. Iframe embedder is one of them.
We are working on a new version of the Joomla extension. We will make an anouncement here on h5p.org when the extension is available.
jckinsey
Mon, 09/08/2014 - 17:45
Permalink
Best platform please until Joomla is ready
Since I am just starting out - which of the 3 platforms is the best one to work with? I need to be able to create and export the data.
falcon
Tue, 09/09/2014 - 10:31
Permalink
Probably Drupal
We will try to have the same features on all plattforms, but we started on Drupal and Drupal is still a litle bit ahead of Wordpress.
jckinsey
Thu, 09/11/2014 - 16:56
Permalink
Still can't upload phet file in Drupal 6
I get the error:
File "phet.html" not allowed. Only files with the following extensions are allowed: json png jpg jpeg gif bmp tif tiff svg eot ttf woff otf webm mp4 ogg mp3 txt pdf rtf doc docx xls xlsx ppt pptx odt ods odp xml csv diff patch swf md textile.
The uploaded file was not a valid h5p package
All of the other file types uploaded this time.
fnoks
Mon, 09/15/2014 - 10:17
Permalink
Go to admin/settings/h5p and
Go to admin/settings/h5p and add "html" in the "White list of accepted files"-input field. This should make it possible to upload the example H5P.
falcon
Tue, 09/16/2014 - 11:22
Permalink
And please note that adding
And please note that adding html to the whitelist has security implications. An html file can for instance contain javascript that may be used to attack your website.
arne
Mon, 10/20/2014 - 10:40
Permalink
Installation on WordPress
Is there a way around to make a unsafe test installation on WordPress?
(Have now been able to test out 14 out of 15 H5P modules on my test server and would like to test the last one as well.)
Its initially a bit unclear what this module should do. Is it just a ordinary "iframe" or something else?
(Why use H5P to make an ordinary iframe ?)
fnoks
Mon, 10/20/2014 - 10:47
Permalink
We are currently working on a
We are currently working on a new version of the Wordpress, which makes it possible to upload "unsafe content". I will add a comment here when the new version is out.
The "iframe embedder" was created to be able to add existing "HTML5 apps". In addition to creating an iFrame where the content is placed, it adds fullscreen-support.
arne
Mon, 10/20/2014 - 10:54
Permalink
OK thanks for a quick answer.
OK thanks for a quick answer. Fullscreen support explains why to use such a module.
Swerv3
Wed, 08/24/2016 - 03:07
Permalink
Auto resize based on content
Hi Guys,
We have been developing some standalone content and tried to use the Iframe Embedder but found it doesn't resize when the content in the iFrame is changed. An example of this would be how your accordion works, when the panel is accessed the Iframe resizes.
Thanks
Swerv3
Wed, 08/24/2016 - 03:07
Permalink
Auto resize based on content
Hi Guys,
We have been developing some standalone content and tried to use the Iframe Embedder but found it doesn't resize when the content in the iFrame is changed. An example of this would be how your accordion works, when the panel is accessed the Iframe resizes.
Thanks
fnoks
Wed, 08/24/2016 - 10:56
Permalink
Hi,Unfortunately, iFrame
Hi,
Unfortunately, iFrame Embedder does not support dynamic height. It it possible to implement that for this content type, but it is not planned at the moment.
Swerv3
Tue, 08/30/2016 - 01:52
Permalink
Thanks you!
Thanks for the reply. Is the reason for not implementing just a priorities/lack of need or would you advise againist doing it?
fnoks
Tue, 08/30/2016 - 11:09
Permalink
I see many use cases where a
I see many use cases where a dynamic height would be good, so it is all about prioritizing. If you, or someone you know could do it, I would advise you to make this a configurable option. The resize functionality could be made using this method: http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/
davidt
Mon, 10/24/2016 - 13:57
Permalink
iframe and wordpress - unsafe option
This looks to be a great plugin and I'm early in testing but cannot get iframe to work for anything except youtube video - was the option to allow 'unsafe' content ever enabled? I don't see this in settings admin for h5p.
If not, are there any workarounds you can suggest on my wordpress install that would help to allow this functionality?
Sincerely,
David
fnoks
Wed, 10/26/2016 - 10:06
Permalink
I am not sure what you are
I am not sure what you are trying to accomplish. Could you give examples on what you are trying to include in the iframe which doesn't work?
ggoncur
Mon, 10/24/2016 - 17:09
Permalink
Poli
hola
timothylim23
Mon, 10/24/2016 - 20:02
Permalink
Hello there :)
Hello there :)
iwdsure
Thu, 12/01/2016 - 07:56
Permalink
Not finding option of iFrame embedded
Hi,
I am preparing course presentation in which I want to show google map. I did search for iFrame embedding in h5p contents and landed here. Didn't find this plug in h5p editor. Any idea how I can do this?
Thanks.
Abdul Wahid
tomaj
Thu, 12/01/2016 - 08:59
Permalink
No iframe embedding in CP
Hi Abdul,
Sorry, but it currently isn't possible to embed iFrames into Course Presentation.
- Tom
iwdsure
Wed, 12/07/2016 - 07:12
Permalink
Any indirect way?
Thank Tomaj,
Is there any indirect way like first embedding some card in course presentation and then adding iframe in new widget?
Any other thoughts about possible solution if you have?Thanks again.
Abdul Wahid
icc
Wed, 12/07/2016 - 11:13
Permalink
Hi Abdul! Unfortunately, this
Hi Abdul! Unfortunately, this isn't possible out of the box. You would have to modify the Course Presentation code to achieve this.
iwdsure
Wed, 12/07/2016 - 11:31
Permalink
Thanks icc
Thanks icc.
cgduan
Wed, 06/07/2017 - 08:45
Permalink
About inner embedding
I installed H5P in Moodle and created some H5P activities. But I could not find the path to the document inside H5P (under /content). Any detailed instruction will be greatly appreciated.
path to document found inside H5P (under /content)
icc
Thu, 06/08/2017 - 09:37
Permalink
I'm confused, is this a
I'm confused, is this a document you've uploaded?
What are you trying to do?
aladent
Tue, 06/27/2017 - 17:45
Permalink
"Restricted content type ?"
Hi, I've just logged in to try and make an iframe with this, but it says "The use of this content type has been restricted by an administrator.". What does that mean ? Will iframes be available to me soon ?
BV52
Wed, 06/28/2017 - 07:04
Permalink
Please visit the access to
Please visit the access to all content type page to gain access.
-BV52
mindenaron
Sun, 08/06/2017 - 00:10
Permalink
Ispring quiz into wordpress
Hello. I would like to use H5P Iframe embedder to insert an Ispring quiz into wordpress. Ispring creates all the files in a "data" folder plus an index.html file. The question is: Where exactly am I supposed to upload these files in wordpress and what exactly am I supposed to put in
Source (URI to external document, or path to document found inside H5P (under /content)
For me, the "inside H5P (under /content)" is not clear.
What I tried: I uploaded all content into "wp-content/uploads/h5p/libraries/test" and in the plugin I put "wp-content/uploads/h5p/libraries/test/index.html" but it didn't work out. So what exactly should I put content and what exactly should I put into the plugin config.
Thanks for your answers in advance.
Aron
thomasmars
Mon, 08/07/2017 - 10:26
Permalink
Hi, the file can be anywhere
Hi, the file can be anywhere that is accessible by your web server, but make sure that the file is accessible from an absolute URL.
That means that the path specified in source can not be a file system path, make sure that it is accessible through your browser. For instance https://phet.colorado.edu/sims/html/friction/latest/friction_nb.html, or in your example http://localhost/wp-content/uploads/h5p/content/test/index.html.
mindenaron
Mon, 08/07/2017 - 14:36
Permalink
Great
Thank you very much. The answer so so simple and easy that I have not thought about it. :) Thank you again. It works.
RoyElevate
Tue, 08/29/2017 - 10:04
Permalink
Grade Moodle - H5P
I have a question about the Iframe Embedder. I use Moodle and H5P. I have embedded a SurveyMonkey questionnaire using the Iframe Embedder, and it says that students can receive a grade. When does the Iframe Embedder issue a grade? Are there any settings I have to adjust? Right now the students can complete the activity manually, but by issuing a grade we have more control over when they complete.
Thanks in advance!
icc
Wed, 08/30/2017 - 09:01
Permalink
Unfortunately, there's no
Unfortunately, there's no integration with SurveyMonkey so your students will never receive a grade. I believe this will have to be graded manually.
sylvianordeng
Thu, 10/12/2017 - 14:43
Permalink
Embed prezi
Hi!
I want to embed a prezi in The Iframe embedder, but I don´t have a URL only a <iframe id. Is it possible to embed a prezi like this?
icc
Mon, 10/16/2017 - 10:09
Permalink
Hi, It should be possible,
Hi,
It should be possible, but you must find the URL first.
fnoks
Mon, 10/16/2017 - 10:41
Permalink
You should be able to do this
You should be able to do this using the URL found int the src tag of the Prezi-embed code. I made an example here: https://h5p.org/node/128827
sylvianordeng
Mon, 10/16/2017 - 14:24
Permalink
YES!
Thank you so much. I found the URL and got the prezi embeded!!!
Barshchoo
Thu, 10/26/2017 - 13:12
Permalink
Java(JNLP) file embed
I don't know how to embed the Java files. Could You please help with this?
tim
Fri, 10/27/2017 - 15:12
Permalink
H5P doesn't support Java
H5P doesn't support Java files. What exactly do you wish to do?
Barshchoo
Fri, 10/27/2017 - 15:16
Permalink
I just wanted to upload
I just wanted to upload something like this https://phet.colorado.edu/en/simulation/legacy/alpha-decay on my website using H5P
tim
Tue, 10/31/2017 - 10:05
Permalink
From my knowledge, H5P doesn
From my knowledge, H5P doesn't support Java Applets unfortunately.
NDLA
Tue, 12/05/2017 - 11:49
Permalink
iframe embed external link to h5p
Hi,
In this H5P Interaction I am trying to load content from http://www.logitia.com/demo/ndla_project/ , I have given this url under Source attribute
But it comes up blank and does not load content from the url, what do I need to do ? pls help
-Thanks
Mahesh
BV52
Wed, 12/06/2017 - 08:17
Permalink
Hi Mahesh,The content that
Hi Mahesh,
The content that you are imbedding is from a non secure site (http). This is a mixed content issue and you cannot imbed a content from a no secured site to secured site like H5P.org.
-BV52
NDLA
Wed, 12/06/2017 - 11:49
Permalink
Thanks
Thank you so much BV52 for your guidance, appreciate it.
NDLA
Wed, 12/06/2017 - 16:17
Permalink
Responsiveness
Another small issue is that my uploaded Activity although being responsive is getting cut in the H5P div, any way this can be handled ?
Link: https://h5p.org/node/152237
BV52
Thu, 12/07/2017 - 05:44
Permalink
Hi NDLA,I hope you don't mind
Hi NDLA,
I hope you don't mind that I downloaded your content to check the settings. As I checked it, I noticed that the Max/Min width has the same value. This forces the content not to be dynamic and in this case be larger than the container in some screens. I have made some changes and it is now working. Here's the edited content.
-BV52
NDLA
Thu, 12/07/2017 - 06:57
Permalink
It worked, Thank you
BV52, it worked, I really appreciate your help.
Agroll
Fri, 06/29/2018 - 13:04
Permalink
H5P image on activity?
How can we avoid this image is being shown? It is quite confusing.
Why does the embed link not trigger activity completion?
Thanks, Angela
Pages