There is no option to customize the colors for the built-in video controls. Yes, you can create your own video controls (start, pause,continue) with buttons, except for a seekbar that lets you jump to a specific frame in the video.
Its not the slide seekbar i'm looking to customise, it's the video controls (video seekbar/transport bar). I looked at the SDK but I'm sure I read somewhere that it is dependant on flash so that wont work for us i'm afraid.
I understand the player seekbar isn't exactly what you want, but you could try using it in combination with a trigger/variable set that pauses the timeline when a user clicks to pause the video (and vice versa), to make sure the slide timeline and the video timeline are always in lockstep.
Alternatively, I sometimes add a 99% transparent shape above my videos to prevent the user from doing a pause-click, and forcing them to use the slide timeline seekbar to control the video instead.
Alternatively, I sometimes add a 99% transparent shape above my videos to prevent the user from doing a pause-click, and forcing them to use the slide timeline seekbar to control the video instead.
Thanks guys but that isn't what I'm looking for - I want people to be able to scrub through the video but the current video controls are just visually really not very nice and jar significantly with our visual design. And we don't use the slide seekbar in our design at all...
The closest I've come up with is splitting the video into 15-20 second segments and allowing people to jump to the next or previous segment. Not great, but it kinda works.
Harri, another option is to host your video on vimeo and embed it in your slide as a Web Object. I don't know if that fits your visual theme, but at least it enables you to have the video controls inside the video rather than floating below.
The built-in video controls for Storyline 360 should look like this:
If you use a web objector add a video from a website rather than from a file however, you may see different video controls based on where the video is hosted.
Where did you take that first screenshot from? Was the video on a website or somewhere besides a Storyline course?
I was looking up how to do this today and found this link which explains what to do. I thought I'd share as it might be useful to someone in the future.
Storyline doesn't have a built-in full-screen option, but depending on where you're adding a video from, that may have an option for full screen for the video alone. Is that what you're looking for?
28 Replies
There is no option to customize the colors for the built-in video controls. Yes, you can create your own video controls (start, pause,continue) with buttons, except for a seekbar that lets you jump to a specific frame in the video.
Hi
Is there a work around for this for instances where you need a custom seek bar?
Thanks
Harri
Hello Harri!
If you'd like to customize the built in Storyline seekbar in the player, you'll need to do so using something like the Storyline SDK.
If you're looking for something more in line with a progress bar, you might want to take a look at this thread for samples and ideas.
Hi Alyssa
Its not the slide seekbar i'm looking to customise, it's the video controls (video seekbar/transport bar). I looked at the SDK but I'm sure I read somewhere that it is dependant on flash so that wont work for us i'm afraid.
Thanks
Harri
Hi Harri,
Sorry to hear that the Storyline SDK won't work for your purposes (it is limited to Flash only output, and won't work with HTML5).
There isn't another built in method that would allow you to edit and/or customize the video seekbar so we'll have to defer to the community.
Hi Harri,
I understand the player seekbar isn't exactly what you want, but you could try using it in combination with a trigger/variable set that pauses the timeline when a user clicks to pause the video (and vice versa), to make sure the slide timeline and the video timeline are always in lockstep.
Alternatively, I sometimes add a 99% transparent shape above my videos to prevent the user from doing a pause-click, and forcing them to use the slide timeline seekbar to control the video instead.
HTH
Always what I think of using too, Sam!
Thanks guys but that isn't what I'm looking for - I want people to be able to scrub through the video but the current video controls are just visually really not very nice and jar significantly with our visual design. And we don't use the slide seekbar in our design at all...
The closest I've come up with is splitting the video into 15-20 second segments and allowing people to jump to the next or previous segment. Not great, but it kinda works.
Harri, another option is to host your video on vimeo and embed it in your slide as a Web Object. I don't know if that fits your visual theme, but at least it enables you to have the video controls inside the video rather than floating below.
Hey Jill - Thanks for chiming in to help out here :)
Hi
How can make player like this picture
Hello Saied!
That looks like the video controls for the added video.
Check out this tutorial and be sure you have "Show Video Controls" set to "Below Video".
Hi Leslie,
Thank you for your attention.
I've set up video controls under video, but different from the above image
Thanks for the update Saied. What are you seeing when you add the controls?
They can look different in the Flash vs HTML5 output for sure. Curious if that's the difference you are seeing?
If you need us to take a look, feel free to share the .story file.
This post was removed by the author
I published the file as html5 only, but I did not see anything.
Hey Saied!
The built-in video controls for Storyline 360 should look like this:
If you use a web object or add a video from a website rather than from a file however, you may see different video controls based on where the video is hosted.
Where did you take that first screenshot from? Was the video on a website or somewhere besides a Storyline course?
I was looking up how to do this today and found this link which explains what to do. I thought I'd share as it might be useful to someone in the future.
https://blog.commlabindia.com/elearning-development/articulate-storyline-video-player
Hi Cath
That looks like a really useful article I've passed it onto our developer to take a look - thank you for sharing.
Hi,
We'used this method. But we don't have the full-screen option on the player.
Any idea where it could come from?
Cheers
Hi Gregory,
Storyline doesn't have a built-in full-screen option, but depending on where you're adding a video from, that may have an option for full screen for the video alone. Is that what you're looking for?
Yes, but the module will be played without internet access. So I can't use external platforms such as YouTube or Vimeo.
I've used this dev approach https://blog.commlabindia.com/elearning-development/articulate-storyline-video-player but the full screen option disappear in SL.
Cheers
Hi Gregory,
What version of Storyline are you using? Can you share a screenshot of your slide with the missing fullscreen button?
Hi, our developer found a solution. It works now. The only issue is that the 'full screen' button has disappeared on Articulate Review. But that's ok.
Cheers
Ah okay, great! Thanks for letting me know.