Moodle 4.4 branching scenario with video (video is flickering/shaking)

Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Mia Musolino -
Number of replies: 10

Moodle 4.46 with H5P built-in feature (not the plugin)

Boost theme (however, changing theme to Classic does not solve the issue)

I have a branching scenario with a video on one of the pages and as soon as the video loads it starts shaking (does not even need to be playing). I removed all custom css for the theme and in the H5P settings and it makes no difference. Has anyone had this happen? 

Average of ratings: -
In reply to Mia Musolino

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Dave Foord -
Picture of Particularly helpful Moodlers

There was a problem a few versions back, where the 'container' that contained the H5p content was dynamically reacting, so it would load, then resize itself slightly to fit, but that then changed the dimensions, so it resized again - and it basically got into a repeated loop of making itself slightly bigger then slightly smaller which appeared to the user as flickering. If my memory is correct it only did it on certain browsers (sorry I forget which) and it only did when the screen width was within a certain range (e.g. it didn't happen on narrow screens or very wide screens).

The solution was to add some CSS to change the way the container behaved - but as this was a few versions back, I no longer have that code, but if you use the inspect tools to inspect the page as it is doing it, you may be able to work out the culprit, and make the necessary tweak to stop it from happening.

Apologies for being slightly vague here, but it was 4 or 5 years ago that this happened - I thought it had gone away for ever so didn't keep the code that fixed it.

Average of ratings: Useful (1)
In reply to Dave Foord

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Mia Musolino -
thank you so much for replying! Yes I suspect it is a sizing issue but I've inspected and not found anything that works. But I will press on. IF ANYONE ELSE KNOWS THE SOLUTION, please reply... this is keeping us for upgrading past our current version of 4.3. Note it did not happen in that Moodle version, and removing all custom CSS did not solve the issue. We have not changed anything except the Moodle version.
In reply to Mia Musolino

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Stuart Mealor -
We have a client experiencing similar in Moodle 4.5.
As described, appears to be dynamically resizing, and appears as a flickering.
It's also a branching scenario with video.
We have not found a solution thus far.
Average of ratings: Useful (1)
In reply to Stuart Mealor

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Mia Musolino -
Thank you, yes we saw it in 4.5 also, which is why we then switched to 4.4.6 hoping it would not happen there but it does. It does not happen in our current production version of 4.4.3. So something happened between 4.4.3 and 4.4.6
In reply to Mia Musolino

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Mia Musolino -
Solved by adding additional css to h5p settings:

html.h5p-iframe, html.h5p-iframe > body {
width: 102%;
height: 102%;
}

html.h5p-iframe .h5p-content {
width: 60%;
height: auto;
}
In reply to Mia Musolino

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Dear Mia,

It seems to me that there is a margin or content etc. that is pushing the H5P container beyond the 100% width therefore a matter of working out what that is to improve the solution and gain a better understanding of the 'why'.

What are the exact steps to replicate please?

Kind regards,

Gareth
In reply to Gareth Barnard

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Mia Musolino -

I guess the steps would be to add a branching scenario and then put a video in it while using the Moodle versions I have found that have the issue. That would be 4.4, 4.5 and 4.6. It happens with nothing extra in the boost css or the H5P css. Happens in chrome and edge but not Firefox. Turning off hardware acceleration in browser settings has no effect (that was one suggestion I had on another site). 

In reply to Mia Musolino

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Dear Mia,

Do you have an example h5p file I can use please?  As the one on H5P.org that contains a video cannot be downloaded -> https://h5p.org/branching-scenario#example=439819.

Gareth

In reply to Gareth Barnard

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Mia Musolino -

UPDATE: Actually, perhaps there was a browser update at our organization because the issue is no longer happening, even without the new custom css I put into the H5P settings to solve it. So I'm going to just need to keep an eye on this. It is working now.

===

I can send you an abbreviated version with public domain video placeholders. The videos and the original lesson are pretty big to post. ok to send you a PM in Moodle? 

In reply to Mia Musolino

Re: Moodle 4.4 branching scenario with video (video is flickering/shaking)

by Gareth Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Dear Mia,

Thanks for the update. If the browser update doesn't work, then I'd be intrigued and have a look with a link sent via PM.

Kind regards,

Gareth