Fullscreen or .mejs__unfullscreen button
November 28, 2022 12:00 AM
Ok, so I got another crazy question for you guys!!!
You guys are amazing!!!! :)
Ok here goes!
So, a student can view the course and can view videos full screen! Works great! However, I wanted to have content pop up over the video and the video pause, some fun interaction!! This all works great, and the logic is there.. Unless the user or student is viewing the video fullscreen! At that point the video pauses and you hear sounds, but you can't see the content.
This would simulate the checkbox (Always on top) if it were checked. But it's not... I've concluded that if the video is fullscreen nothing can populate on top!
So... would there be a way to simulate or code (javascript maybe) that would act as if this button were clicked .. .mejs__unfullscreen button
I'm thinking something like this
function clickButton() {
document.querySelector('.mejs__unfullscreen button').click();
}
If so I think that would take the user out of fullscreen and at that point i could use the Sync Events to implement this :)
I hope that makes sense!! Thanks in advance!!!
Hope you all had a great turkey day!!! :)
Brandon
Discussion (7)
Thank you sir!!! I will give that a try tonight!!!
I so appreciate your help!!!!
If you ever need anything image-related let me know!!
Investing it works in Lectora and in a browser from Lectora, but... from the research I've done some items might have issues when uploaded to a LMS in and housed in a Iframe......
I stand corrected!
Your code worked great in authoring mode. But when viewing it on the LMS as SCORM. It, unfortunately, did not simulate the button being clicked.
But so close!!
Haven't you tested your code?
For me it works as long as the video is in fullscreen mode. If not it will throw an error.
Try:
triv$('.mejs__unfullscreen button').click();
This worked in my test.
my friend you are a valuable resource!!
Yes sir it worked!!! I tested in on the LMS and in chrome and 100% success!!!
Thank you so much!!!
I tried mine :(
But YOURS worked!!!!!! :)
Thank you so much! You Rock Tim!!!
Do you publish with Seamless Play?
Try:
triv$(getDisplayDocument()).find('.mejs__unfullscreen button').click();
This should work both ways. There are other way to finish the fullscreen mode, e.g.
getDisplayDocument().exitFullscreen();
This should work without relying on the button.