Interactive book fullscreen bug

I have a question regarding the Interactive book fullscreen.
I noticed the contents inside the book don't always resize with the IB container. For example, if I click on the fullscreen tag, the video type will scale up with the IB, fully takes up the container width. but the interactive video won't do that, it just dangles up there, makes the layout looking pretty strange. 
A similar thing also happened with Find Multiple Hotspot. It seem that the resize event either doesn't trigger the content to fully occupy the width upon resizing. 
Has anyone has a similar problem or just me? 



Content types: 
BV52's picture

Hi Felix,

Can check if you will get the issue with the sample contents, I can't seem to reporduce this issue. Depending on the results please provide the information below:

  • Issue is also showing in the sample contents
  1. Browser used and version
  • Issue is not showing in the sample contents
  1. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  2. Version of plugin and Branching Scenario

-BV

Hello, I'm also working with the Interactive Book (love it) but am having an issue with the fullscreen button and Iframe embedder.

When the Book is in fullscreen, the Iframe shrinks to a tiny strip at the top of the window even though the fullscreen option is selected. See attached screen captures.

I used the defaults for width/height, which display correctly when not full screen.

  • Browsers: Firefox V83.0 , Microsoft Edge 44.19041.423.0

(The sample link above points to branching scenario, not IB.)

Thanks for your help!

BV52's picture

Hi Everyone,

@teyssier - That was embarrasing thank you for pointing this out I was testing the wrong content type. The H5P core team does not recommend using Iframe embedder anymore. This content type is not responsive and is not accessible and the only reason why its libraries has not been removed is that it will render all contents with Iframe Embedder unusable.

@Felix  - With regards to your issue I'll check with the core team if this is by design or not since from the looks of it the content keeps the size of the images/videos instead of stretching them.

-BV

When in full screen it looks lile 

Thank you for your quick response!! I'll let my team know about the iFrame embedder.

I'm seeing another issue with hotspots. Maybe this is related to initial comment? In fullscreen mode the graphics (PNG) completely disappear. When I minimize, the graphics are fine, but students might not realize they missed content if they start off fullscreen. See screen captures.

-t

Hi

Just to add to this...

Currently working in an Interactive Book where we have quite a few Course Presentations. However there is no full screen option for the presentation, and it natively does not seem to fit the size of the book.

I love the IB but if it can't show content as it's meant to be viewed then it's a little difficult. Of course, if I'm missing a setting - please let me know!

Thanks.

Hi

Just to add to this...

Currently working in an Interactive Book where we have quite a few Course Presentations. However there is no full screen option for the presentation, and it natively does not seem to fit the size of the book.

I love the IB but if it can't show content as it's meant to be viewed then it's a little difficult. Of course, if I'm missing a setting - please let me know!

Thanks.

BV52's picture

Hi Everyone,

I'll discuss this with the H5P core team and get back to you within the week or early next week. I have to create a full content with all possible content types inside IB and also experiment on video and image, size and ratio. I noticed that if I use a different size or ratio the view is different which goes back to my previous comment that it looks like the content keeps this instead of stretching to occupy the available space.

-BV

BV52's picture

Hi All,

Bug report has been filed.

-BV

I just tried image hotspots in IB, still doesnot go with full screen, even after I change the background image into full size. Thank you for checking this out

Attachments: 

Many thanks for submitting this. 

I am using IB in moodle platform. I added a background image for image-hotspots at 2000*1200, but when I switch to full-screen. the image-hotspot is quite small comparing to the course presentaiton in IB. Can anyone tell me how to solve it? any settings I missed? Many thanks

Attachments: 
BV52's picture

Hi,

I think I already covered Image Hotspot on the bug report I filed above.

-BV