embed interactive presentation without displaying toolbar below content

Submitted by klaashobo on Thu, 05/03/2018 - 16:46
klaashobo's picture
Forums: 
Content creation

Hi all,

I have an interactive presentation made in Wordpress. Now I like to embed this in Storyline where I can only make use of a normal URL. So I cannot use the iframe or other HTML objects, it's only a plain URL that I can use (I strip the URL I get form the embed in Wordpress to make this possible).

I have embedded the object in Storyline and all is working ok, the only thing is that I cannot do this without having a toolbar displaying below the content. If I disable the toolbar in Wordpress the toolbar get's hidden but the embed function does not work any more then in Storyline.

Anyone having suggestions on how to embed the presentations without displaying the toolbar below the content with still being able to use the URL to embed it in Storyline? 

Rgrds,
Klaas

Mohammed Haboubi

Fri, 05/04/2018 - 10:06

in content made in h5p.org, it's possible to embed H5P without the toolbar

step 1: crate a content type without toolbar below the contet like this one below, as you can seet there is an id number in the url

https://h5p.org/node/129133

step 2: as you can seet there is an id number in the url in step 1, now you have to copy  the number and paste it in this url:  https://h5p.org/h5p/embed/

now you have this link that shows no toolbar below the content which can be used perfectly in storyline

https://h5p.org/h5p/embed/129133

--------------------------------------------------------------

in wordpress it's a little complicated to do the same trick

step1: you have first to enable the toolbar and copy the embed code and here is what I got

<iframe src="http://microcodec.com/wp-admin/admin-ajax.php?action=h5p_embed&id=1" width="958" height="662" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="http://microcodec.com/wp-content/plugins/h5p/h5p-php-library/js/h5p-resi..." charset="UTF-8"></script>

step 2: I'll copy this part of the embed code from step 1 

http://microcodec.com/wp-admin/admin-ajax.php?action=h5p_embed&id=1

step3: I'll edit the content and remove the toolbar and update the content

now I can use my link in step 2 in storyline without the toolbar!!!