Interactive video - edit multiple questions

Submitted by shoval shirom on Sun, 05/12/2019 - 11:30
Forums: 
Feature requests

Hey everyone,

I'm trying to edit the css of the iframe that I embedded in my website. The main element that I want to edit is the multiple choice question.

I tried to connect the css to the iframe with JavaScript but that also doesn't work.

I would like for example to remove the star that appears on the question, to remove the summary at the end of the video and change the opacity of the background color. 

Thank you,

Shoval.

0
0
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
otacke's picture

otacke

Sun, 05/12/2019 - 17:18

Hi Shoval!

You cannot edit an iframe that's embedded from another server (unless it's explicitly allowed by so called CORS headers). Otherwise the web would be open for massive security threats. It's not a restriction of H5P by the way, but general browser behavior.

If you want to restyle H5P, you will have to host it yourself. In that case, you can follow the customization guide at https://h5p.org/documentation/for-developers/visual-changes

Best,

Oliver

shoval shirom

Sun, 05/12/2019 - 17:34

Thank you very much Oliver!

shoval shirom

Sun, 05/12/2019 - 17:36

Thank you Oliver but unfortunately I am not using Moodle or WordPress is there any other way?

BV52's picture

BV52

Mon, 05/13/2019 - 05:15

Hi Shoval,

I'm afaid not. The only way to change the look of H5P is what Oliver suggested. Also it is advisable to either host your own contents or sign up for H5P.com since H5P.org is meant to test H5P and not to be used for critical and important contents.

-BV52