[mobile] Double pause icon

[rtritto]

video_2022-11-24_20-14-33.mp4

Repro

Details

scss content:

@charset 'utf-8';
@import 'video.js/src/css/video-js.scss';
@import 'videojs-mobile-ui/src/plugin.css';

Versions

video.js: 8.0.2
videojs-mobile-ui: 1.0.0

[mister-ben]

I can't reproduce. Do you have a simple live example?

[rtritto]

Added a video and tested with video.js v8.0.2.

[mister-ben]

A video isn't any more useful to reproduce an issue as a sreenshot unfortunately. Can you add a reproduceable, live example, e.g. on codesandox or similar?

[rtritto]

Added repro

[mister-ben]

This is because sass is changing the order of the CSS it outputs, putting the videojs-mobile-ui styles before the video.js styles. It also occurs in your example if I change the versions to 0.7.0/^7. I could make the styles in this plugin more specific, but I imagine it's not the only problem you'll run into if the order of css isn't preserved.

[rtritto]

@mister-ben any updates?

[rtritto]

@mister-ben do you have a workaround?

Maybe adding a display: none to initial css of video.js

FYI @gkatsev