Forum Discussion

MathNotermans-9's avatar
MathNotermans-9
Community Member
4 years ago

Storyline video controls bar options

In one of the later versions of Storyline the controls bar of embedded video got changed. You now have the option of Dark or Light. But in contrast to the old video controls the new ones are bigger....
storyline 360
TsvetyPendeva-0's avatar
TsvetyPendeva-0
Community Member
3 years ago

Thanks Math and Jürgen! Sorry for my late reply as I was under deadline and didn't have time to check the forum.
I found a way to modify the generated desktop.min.css and mobile.min.css files to change the video controls to:

  1. 1. be smaller in height (28 px vs 43 px)
  2. stay below the video
  3. stay on the screen all the time without auto-hiding (when they are below the video is especially important to stay on the screen constantly as they cannot be easily triggered to show-up as the user must hover over the video, not over the controls to get them back)
  4. was able to hide the Full screen and PIP buttons. If somebody think this may be helpful I can upload my desktop.min.css and mobile.min.css files with those changes.

Only problem with this is that every time I publish the course I have to go and manually replace those 2 files which is a bit annoying, especially when I need to post it on Review 360 for feedback...

Jürgen_Schoene_'s avatar
Jürgen_Schoene_
Community Member
3 years ago

you could replace the original installed files in

C:\Program Files (x86)\Articulate\360\Storyline\player\unified\html5\lib\stylesheets

so publish to web/LMS and to Review 360 then works without exchanging the files

 

  • TsvetyPendeva-0's avatar
    TsvetyPendeva-0
    Community Member
    3 years ago

    Thanks Jürgen - yes, I found those as well in the Storyline installation directory, however I have multiple sets of customized files for different clients (some have colour and player look& feel changes as well) that are impossible to customize inside Storyline :( so I'm constantly dealing with replacement .css files in my projects and honestly can't keep track with which set I've replaced in the installation directory, so decided to keep them till the end and replace into the generated package.

    • MathNotermans-9's avatar
      MathNotermans-9
      Community Member
      3 years ago

      So ideally... a variable inside Storyline..currentClientName ( or some like that ) and based on that a trigger that overrides the CSS with given classes ;-)

      • TsvetyPendeva-0's avatar
        TsvetyPendeva-0
        Community Member
        3 years ago

        Hi Math,

        that would be a very neat trick ;-) since we can't have a proper customization to the Storyline player and video player.  Please, share if you are able to do it.