Open elynema opened 2 weeks ago
I found a VideoJS plugin which brings together icons in the progress bar: https://github.com/samueleastdev/videojs-setting-menu There are 2 reasons why we can't use it out of the box;
yarn
into Ramp, it gave an error. Related to other VideoJS dependencies we are using in RampSo, I brought in the code to Ramp as a custom plugin to see whether we can change things around to include what we want in the menu and I got the following;
Settings menu;
Captions menu opened within settings;
Work to do:
enableFileDownload
Related work: https://github.com/samvera-labs/ramp/tree/settings-menu-659
After standup and being clarified on the issue; I looked at the following players to see how the popup menus look like;
background: rgba(28,28,28,.9)
) with a higher opacity than Ramp. You can still see the movements in the video underneath the popup menu when playing. The area underneath the progress-bar is transparent.background: rgba(0,0,0,.8)
) with a higher opacity than Ramp. You can see the color but not so much the images underneath the popup menu when playing. Container around the progress-bar is darkened which separates the progress-bar from the video.background: rgb(28,28,28)
) dark background for popup menus, which hides part of the video when the menus are opened. For reference Ramp's player has background: rgba(43, 51, 63, 0.7)
for popup menus in VideoJS.
Description
In the new multi-line display of progress bar and video.js widgets in Ramp, there's not background color that brings those 2 elements together into a group. Some type of gray background could be useful here.
Current Ramp in Avalon:
Current MCO:
LinkedIn example:
Done Looks Like