General developer forum

webkitAllowFullScreen allowFullScreen not working in Snap

 
Picture of Sebastian Vencken
webkitAllowFullScreen allowFullScreen not working in Snap
 

For some reason, I cannot get a full-screen option for my videos in resources in Moodle Snap theme. I insert the following into HTML using Atto or TinyMCE

<iframe src="https://media.heanet.ie/p/Selecting%2C+transforming+and+recoding+your+data/riUcm3" name="1df7c12dc13ad5cca2d3744eec2f5957" width="640" height="360" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>


Despite the addition of webkitAllowFullScreen and allowFullScreen the full-screen option does not appear. Strangely, within Atto or TinyMCE, the video does have a full screen option, but this disappears on the frontpage.

Anybody any ideas? Is there a setting I'm missing?

Moodle 3.4.1

Snap 3.3.1

thanks

 
Average of ratings: -
Picture of Sebastian Vencken
Re: webkitAllowFullScreen allowFullScreen not working in Snap
 

When I embed a Youtube video, this issue also occurs and I get a 'Full screen is unavailable'.

This issue is not unique to Snap, but to Moodle itself. All Boost and Clean themes don't appear to show the full screen option either.

Has anybody else have a similar issue?


 
Average of ratings: -
It's only an avatar...
Re: webkitAllowFullScreen allowFullScreen not working in Snap
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters

Do you need to embed it?

I am sure you can just type in the URL for the Video and Moodle displays it.

Let me see if that works...I am sure it used to!

 

Looks to be working OK or have I missed what you mean by Full Screen. I got it to take up the whole screen.

Let me see what happens with an embedded one.

<iframe width="640" height="360" src="https://www.youtube.com/embed/8KKGiDEkfIA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Ah...it is as I expected. It;s the embedded iframe code that stops the ability to expand it to the Full Screen view.

Next time just select to take the URL and NOT the embedded one.!!!

 

 
Average of ratings: -
Picture of Sebastian Vencken
Re: webkitAllowFullScreen allowFullScreen not working in Snap
 

Thanks for your reply Mary. Unfortunately I'm embedding videos from a site that is not automatically recognised by Moodle. I have found a solution however. It appears that the HTML tidy filter is causing this issue. Disabling this filter fixes the problem.

It may be worth listing this as a bug.

 
Average of ratings: -