Forum Discussion

KevinGruppe's avatar
KevinGruppe
Community Member
2 years ago

Buttons disappear if the video is in fullscreen

Hey there,

I'm facing some issues with Storyline and I'd like to ask for your guidance on best practices. In my course, I have custom "Continue" and "Back" buttons. These buttons work fine when the video is playing, but if the user switches to full-screen mode, the custom elements like buttons disappear. From a usability perspective, I would like the buttons to remain visible even in full-screen mode.

As an experiment, I added a custom "Fullscreen" button with the following trigger:

Set Player.FullScreenMode = True when the user clicks on btn_fullscreen.

The trigger works as intended (as shown in custom.png).

Do you have any suggestions on how I can modify my trigger to work with the default fullscreen button? I haven't been able to find a solution yet.

Alternatively, could this be a bug in the software?

 

Thank you in advance and best regards,
Kevin

  • KevinGruppe's avatar
    KevinGruppe
    Community Member

    Thank you, Jürgen! We have made the decision to conceal the player and incorporate our own buttons to align with our company's design.

     

    However, if someone reads this thread in the future, I have given some thought to this issue and discovered a simple solution:

    1. Place a Hotbox around the full-screen icon.
    2. Add a trigger that sets Player.Fullscreen to true when the user clicks the hotbox, only if Player.Fullscreen is currently false.
    3. Add a trigger that sets Player.Fullscreen to false when the user clicks the hotbox, only if Player.Fullscreen is currently true.

    With these steps implemented, the case is now closed. :)

    Best regards,

    Kevin

  • What about the opposite of this?  We need to disable full screen mode to prevent users from disrupting the interactions on the timeline. 

  • Nedim's avatar
    Nedim
    Community Member

    Simply cover the full-screen icon with a hotspot, and trigger a popup message when the learner clicks on the hotspot. Refer to the attached video for a demonstration.