Issue with fullscreen of embedded H5P activitiy (Course Presentation)

Submitted by m.vanbaaren@ave... on Mon, 06/18/2018 - 13:47

Forums:

Bugs in content types

Issue:

Embedded activity Course Presentation show correctly.

When choosing ‘full screen‘ the activity shows partly.

See description and screenshots in added images.

Summary:

See description and screenshots in added images.

BV52

Tue, 06/19/2018 - 09:23

Permalink

Hi,In order to give your bug

Hi,

In order to give your bug report the best chance of getting answered, please include the following information:

Detailed steps to reproduce the bug (exactly how and when did it happen)
Platform and version number. E.g. Drupal, Wordpress, Moodle.
Mobile or Desktop
Browser: Chrome, Firefox, Safari etc
H5P plugin version
H5P content type and version (if a content type was used), and a sample URL or attached H5P.
Any browser console errors
Any PHP errors
Screenshots if it's a visual problem

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

-BV52

m.vanbaaren@ave...

Tue, 06/19/2018 - 12:07

Permalink

See attached files

Hi, that is all described in the attached files.

If you have any more questions please lett me know.

m.vanbaaren@ave...

Tue, 06/26/2018 - 14:44

Permalink

Progress

Is there insight why this problem occurs?

m.vanbaaren@ave...

Wed, 06/27/2018 - 15:24

Permalink

Progress?

Hello, is there insight why this problem occurs?

BV52

Thu, 06/28/2018 - 04:53

Permalink

Hi,I'm sorry for not getting

Hi,

I'm sorry for not getting back to you sooner. The core team is still looking into this.

-BV52

icc

Mon, 07/02/2018 - 12:28

Permalink

I am not able to produce this

I am not able to produce this on my Moodle site that uses the standard theme. Could it be some theme specific styling interfering perhaps?

m.vanbaaren@ave...

Mon, 07/02/2018 - 14:55

Permalink

Fordson

The sites where this has occured are styled by fordson.

Also containing 'raw SCSS', this does not seem to have an effect however. I removed the raw SCSS code, issue remaind.

Issue also appears in Boost.

tfradet

Thu, 07/05/2018 - 10:12

Permalink

Bug description

Detailed steps to reproduce the bug (exactly how and when did it happen)

Create an h5p course presentation in moodle.
Get the embed code using the h5p embed button (<iframe src="https://arche.univ-lorraine.fr/mod/hvp/embed.php?id=547128" width="1060" height="621" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://arche.univ-lorraine.fr/mod/hvp/library/js/h5p-resizer.js" charset="UTF-8"></script>)
Create a new moodle module like a page, book or label
Past the embed code in this module
Display the module and click the h5p button to toggle fullscreen
Bug : the h5p course presentation is not in fullscreen : cf. attached file "bug-fullscreen.png"

Platform and version number. E.g. Drupal, Wordpress, Moodle. : MOODLE 3.4

Mobile or Desktop : Desktop, not tested in other devices.

Browser: Chrome (YES), Firefox (YES), not tested in others.

H5P plugin version : 1.6 but same bug in 1.9

H5P content type and version (if a content type was used), and a sample URL or attached H5P : Course presentation up to date (05-07-2018 (dd-mm ;))

Note : the desactivation of h5p resizer can be a solution for fullscreen display but disable the responsive adaptation.

You can see the bug at this URL : https://arche.univ-lorraine.fr/course/view.php?id=22312

Any browser console errors : no

Any PHP errors : no

Screenshots if it's a visual problem : cf. attached file "bug-fullscreen.png"

Thanks you.

Attachments:

bug-fullscreen.png

m.vanbaaren@ave...

Wed, 07/25/2018 - 11:41

Permalink

Update

Is there progress in fixing the bug?

thomasmars

Wed, 07/25/2018 - 16:35

Permalink

Hi, thank you for the description and how to reproduce the bug. I have created an issue in the public H5P issue tracker where you can follow along the progress for fixing the bug: https://h5ptechnology.atlassian.net/browse/HFP-2137.

drew_gayheart

Mon, 10/15/2018 - 16:51

Permalink

Hello - I see via the link

Hello -

I see via the link you posted that this Issue ticket is done and resolved. I am still having the same Issue with H5P course presentation to full screen in my Moodle instance. Is there something I need to do on my end to implement this full screen fix?

otacke

Mon, 10/15/2018 - 18:09

Permalink

Hi Drew!We mark an issue as

Hi Drew!

We mark an issue as done when we have completed a task. This does not necessarily mean that the new code has already been released. Just wait for the next update of the moodle plugin that's around the corner, but may still take a little time to arrive.

Best,
Oliver

drew_gayheart

Mon, 10/15/2018 - 18:53

Permalink

Hey Oliver - Thanks for the

Hey Oliver -

Thanks for the info. I'll look forward to that Moodle update. Take care.

François-Xavier...

Mon, 05/18/2020 - 17:17

Permalink

Issue with fullscreen of H5P "intereractive video " in Firefox

Hello HP Team,

Thanks for the H5P interactive video initiative !

But....(there's always a but)

There's a display bug on Firefox (in Moodle) when we display the vidéo on full screen and go bak to normal size:
The video heigth became thin an the video is no more clickable.