Featured Categories
-
Lectora®
Lectora® is the most trusted authoring tool in the world. Rock out your creativity! Author courses any way you like. Lectora adheres to best practices for Accessibility and Web Content Accessibility Guidelines (WCAG), offers responsive authoring for eLearning, and publishes to any LMS (Learning Management System).
-
CenarioVR®
Experience virtual reality through CenarioVR®, our training and virtual reality (VR) authoring software that allows you to create immersive learning in minutes! No coding required!
-
Rockstar Learning Platform®
Our Rockstar Learning Platform® has all the features you’ll love. Help your employees be better at their jobs, more valuable to your company, and most effective in servicing your customers.
-
The Training Arcade®
Level up your learner engagement with the Training Arcade®! The Training Arcade is a library of fun, mobile-ready, casual games that can be rapidly customized with your content to create effective gaming!
-
ELB Learning Content
Did you know that our AssetLibrary™ has over 120 million engaging, interactive, and awe-inspiring templates and assets to help you become an eLearning Rockstar®?
Fullscreen or .mejs__unfullscreen button

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
Comments
-
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.
1 -
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......
0 -
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.
0 -
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!!
0
Categories
- 35.9K All Categories
- 110 ✫ Announcements
- 33.2K Lectora®
- 31.1K Lectora Discussions
- 29K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 27 ELB Learning Content
- 27 ELB Learning Content Discussions
- 345 CenarioVR®
- 205 CenarioVR Discussions
- 140 CenarioVR Feature Requests
- 44 Rockstar Learning Platform®
- 41 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 48 ReviewLink®
- 48 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 938 All Things eLearning
- 39 eLearning Development
- 546 Learning Management System (LMS) Integration
- 333 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products