I would like to know if there is a way to change the gray color the video controls use as a default? I find the gray too light/distracting on a black background.
See my attachment for an image from my presentation.
You could create your own, styled pause/continue button and overlay it on top the built-in button. However, there is no option to change the color scheme of the built-in progress bar.
Thanks Michael. That's what I was afraid of. Your solution could work for me, minus the seekbar, which I really need so the viewer knows where they are at in the video.
Hi Marc, unfortunately there is no way to change the colour of the video controls. Some people turn the controller off and create their own custom play/pause buttons.
Hi Marc - you could create your own play/pause buttons as Michael suggests and sit them on top of the controller and then place a semi-transparent shape of the rest of the control to give it a tint of another colour. Your users would still be able to see the time/stamp and the progress but would not be able to manipulate the seekbar.
Hi Marc - you could create your own play/pause buttons as Michael suggests and sit them on top of the controller and then place a semi-transparent shape of the rest of the control to give it a tint of another colour. Your users would still be able to see the time/stamp and the progress but would not be able to manipulate the seekbar.
Thats exactly what I just did a few minutes ago! Brilliant minds think alike I suppose.
A black box, with 60% transparency, looks perfect. I attached the picture. The player is not so "in your face" now.
Old post, but I'll chime in: to tint the Seekbar: place a rectangle shape the same size below (touching bottom of Seekbar - 25px height). Add a colored top drop-shadow, offset distance by 25. Tints the Seekbar and is clickable.
Brilliant solution and it works perfect, especially that the seek bar retains full functionality. The right mix of color shade and transparency in the shadow settings can approximate the desired color scheme (top or bottom shadow, depending on what objects are beneath or above the seekbar that shouldn't be covered by the shadowed object). Thanks so much for this.
Has the functionality for changing the video player controls been added yet? I tried the "shape/shadow" hack and it does not work. The colored shadow does not show up when I preview the slide. Also, I tried to make the shape transparent so whatever was underneath the shape would show through, but that makes the shadow go away. I made it solid so the shadow stays, but as I said before the shadow does not show up when I preview the slide. We really need to be able to change the colors of the controls and maintain the time/stamp. Using external players like Vimeo and Wistia is not an option for us.
14 Replies
You could create your own, styled pause/continue button and overlay it on top the built-in button. However, there is no option to change the color scheme of the built-in progress bar.
Thanks Michael. That's what I was afraid of. Your solution could work for me, minus the seekbar, which I really need so the viewer knows where they are at in the video.
Cheers.
Hi Marc, unfortunately there is no way to change the colour of the video controls. Some people turn the controller off and create their own custom play/pause buttons.
Hi Marc - you could create your own play/pause buttons as Michael suggests and sit them on top of the controller and then place a semi-transparent shape of the rest of the control to give it a tint of another colour. Your users would still be able to see the time/stamp and the progress but would not be able to manipulate the seekbar.
Thats exactly what I just did a few minutes ago! Brilliant minds think alike I suppose.
A black box, with 60% transparency, looks perfect. I attached the picture. The player is not so "in your face" now.
That looks lovely Marc.
That looks great
Old post, but I'll chime in: to tint the Seekbar: place a rectangle shape the same size below (touching bottom of Seekbar - 25px height). Add a colored top drop-shadow, offset distance by 25. Tints the Seekbar and is clickable.
Hi Robert,
Brilliant solution and it works perfect, especially that the seek bar retains full functionality. The right mix of color shade and transparency in the shadow settings can approximate the desired color scheme (top or bottom shadow, depending on what objects are beneath or above the seekbar that shouldn't be covered by the shadowed object). Thanks so much for this.
Glad this helped you out Celito - and let us know if you need anything else.
When I put a colored rectangle over the video controller, all the functionality of the controller is gone (no pause, no seek).
Hey Ingrid,
Looks like you are just chiming in to share your experience and solution with the followers of this thread.
If I misunderstood, just let me know. I did want to pop in and welcome you to E-Learning Heroes though :)
Amazing, thanks Robert, works perfectly!
Has the functionality for changing the video player controls been added yet? I tried the "shape/shadow" hack and it does not work. The colored shadow does not show up when I preview the slide. Also, I tried to make the shape transparent so whatever was underneath the shape would show through, but that makes the shadow go away. I made it solid so the shadow stays, but as I said before the shadow does not show up when I preview the slide. We really need to be able to change the colors of the controls and maintain the time/stamp. Using external players like Vimeo and Wistia is not an option for us.