Iframe Embedder

Problem on Wordpress

phet.html cannot be uploaded.

H5P Group

Thu, 05/22/2014 - 10:55

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

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

Mon, 09/08/2014 - 11:27

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

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

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

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.

Mon, 09/15/2014 - 10:17

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

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

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 ?)

Mon, 10/20/2014 - 10:47

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

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

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

Auto resize based on content

Hi Guys,

Thanks

Wed, 08/24/2016 - 10:56

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

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?

Tue, 08/30/2016 - 11:09

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

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

Wed, 10/26/2016 - 10:06

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

Poli

hola

timothylim23

Mon, 10/24/2016 - 20:02

Hello there :)

iwdsure

Thu, 12/01/2016 - 07:56

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

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

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

Wed, 12/07/2016 - 11:13

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

Thanks icc

Thanks icc.

cgduan

Wed, 06/07/2017 - 08:45

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)

Thu, 06/08/2017 - 09:37

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

"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

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

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

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

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

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!

Wed, 08/30/2017 - 09:01

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

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?

Mon, 10/16/2017 - 10:09

Hi, It should be possible,

Hi,

It should be possible, but you must find the URL first.

Mon, 10/16/2017 - 10:41

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

YES!

Thank you so much. I found the URL and got the prezi embeded!!!

Barshchoo

Thu, 10/26/2017 - 13:12

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

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

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

From my knowledge, H5P doesn

From my knowledge, H5P doesn't support Java Applets unfortunately.

Tue, 12/05/2017 - 11:49

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

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

Wed, 12/06/2017 - 11:49

Thanks

Thank you so much BV52 for your guidance, appreciate it.

Wed, 12/06/2017 - 16:17

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

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

Thu, 12/07/2017 - 06:57