Interactive video content too large: Moodle

Submitted by digitalconvergence on Tue, 02/05/2019 - 20:06
Forums: 
Bugs in content types

Hello,

The H5P plugin works seamlessly in Moodle. Thank you. However, we are having a problem with the interactive video is being too large for a small screen. Is there a way that we can resize that? I read somewhere that you can do in the parent content but not sure where and how to find that. Also, the captions are quite large. We tried adding styling to webVTT file but no luck. Any sugguestions would help us a lot.

Thank you.

BV52's picture

BV52

Wed, 02/06/2019 - 08:12

Hi digitalconvergence,

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

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  3. Mobile or Desktop
  4. Browser: Chrome, Firefox, Safari etc
  5. H5P plugin version
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  7. Any browser console errors
  8. Any PHP errors
  9. 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

digitalconvergence

Wed, 02/06/2019 - 13:47

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
    >> added interactive video content to Moodle
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
    >> Moodle
  3. Mobile or Desktop
    >> Desktop
  4. Browser: Chrome, Firefox, Safari etc
    >> Chrome and Firefox
  5. H5P plugin version
    >> H5P version 1.14
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
    >> Interactive video
  7. Any browser console errors
    >> no errors
  8. Any PHP errors
    >    > no PHP errors
  9. Screenshots if it's a visual problem

Thank you!

digitalconvergence

Wed, 02/06/2019 - 13:49

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
    >> used Interactive Video Content in Moodle
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
    >> Moodle 3.3
  3. Mobile or Desktop
    >> Desktop
  4. Browser: Chrome, Firefox, Safari etc
    >> Chrome, Firefox
  5. H5P plugin version
    >> H5P version 1.14
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
    >> Interactive video
  7. Any browser console errors
    >> no errors
  8. Any PHP errors
    >    > no errors
  9. Screenshots if it's a visual problem
BV52's picture

BV52

Thu, 02/07/2019 - 06:20

Hi digitalconvergence,

Thank you for the information. I do have some follow up questions since I am unable to reproduce the problem:

1. Where are you viewing the contents (directly in a course, embedded in a page etc)?

2. Do you have a sample page that we can check?

-BV52

digitalconvergence

Thu, 02/07/2019 - 16:31

Hi,

Thank you. I have attached the h5p file with this comment. We viewed it directly in Moodle.

Regards

H5P file: 
Binary Data palliative-care-for-older-adults.h5p
BV52's picture

BV52

Mon, 02/11/2019 - 04:48

Hi digitalconvergence,

Thank you for the sample content. I still cannot reproduce the issue that you mentioned (I attached a screenshot of what I am seeing). 

1. Do you have a screenshot of what you see?

2. Can you provide a sample URL so that we can check if the issue will show up on our side as well.

-BV52

Attachments: 
Image icon 51771360_2456687591026958_386328142156922880_n.jpg

adam.ray.adc

Tue, 02/04/2020 - 06:21

Having the exact same problem - interactive video which has been filmed by holding a phone vertically shows as a massive 1500x2500 viewer inside the H5P activity when viewed. It does not attempt to scale the video into a normal aspect ratio, and instead takes over the entire screen with the original video aspect ratio. This is not at all what you would expect a video player to do.

BV52's picture

BV52

Tue, 02/04/2020 - 17:08

Hi adam.ray.adc,

Would you mind providing a sample site. As I mentioned above I am unable to reproduce the issue hence cannot verify on my end what is causing it. I am suspecting that it is some configuration native to the site where H5P is used that stops the built in responsive feature.

-BV

[email protected]

Thu, 07/18/2024 - 13:25

We also had the same problem and we found the reason is a line that was dropped from mod/hvp/view.php.

The line is - $PAGE->add_body_class('limitedwidth');

shoud be right after the global variables declaration.