Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

the controlbar does not appear after moving the cursor in fullscreen mode (only in chrome and from videojs 8.4) #8612

Open
richardtoth opened this issue Feb 26, 2024 · 6 comments
Labels
needs: triage This issue needs to be reviewed

Comments

@richardtoth
Copy link

Description

After moving the cursor, the control bar is not displayed in fullscreen mode. I only experience this error in Chrome browser when the video source is m3u8 and LIVE. Before videojs 8.4, this error did not occur.

example: https://codepen.io/rtothhu/pen/YzgmOJZ

Reduced test case

https://codepen.io/rtothhu/pen/YzgmOJZ

Steps to reproduce

  1. Open the example in Chrome
  2. Click on fullscreen toggle
  3. Wait until the controlbar is hiding
  4. Move the cursor
  5. The controlbar should appear here, but it doesn't, but the buttons are there, clickable, just not visible
    Képernyőkép 2024-02-26 191557

Errors

No response

What version of Video.js are you using?

8.9

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chrome 122.0.6261.70

What OS(es) and version(s) does this occur with?

Windows 11

@richardtoth richardtoth added the needs: triage This issue needs to be reviewed label Feb 26, 2024
Copy link

welcome bot commented Feb 26, 2024

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

@anirudhtt
Copy link

Same problem in Microsoft Edge as well. As soon as I click F12/ open another window/developer-tool, it reappears. In Firefox, it works fine, but not in Chromium browsers I guess. Attaching screenshots for the same. Icons are present as title bar is showing up, but they are invisible.

What version of Video.js are you using?
8.9.0

What browser(s) including version(s) does this occur with?
Chrome 122.0.6261.70, Edge 122.0.2365.52

What OS(es) and version(s) does this occur with?
Windows 11

Screenshot 2024-02-27 122118
Screenshot 2024-02-27 122906

@mister-ben
Copy link
Contributor

It works on Mac OS (both Sonoma or Ventura), but I've seen this on a Windows machine. I don't see anything immediately relevant 8.3.0 and 8.4.0. It doesn't really make sense that it's live only either.

@ittipatken
Copy link

From my testing, control bar only disappears on videos that do not have the same aspect ratio as the screen (having black bars at the top and bottom). Conversely, the control bar does not disappear on videos that utilize the entire screen.

ittipatken added a commit to docchula/el-player that referenced this issue Mar 8, 2024
This is a temporary fix for disappearing control bar. videojs/video.js#8612
keenthekeen added a commit to docchula/el-player that referenced this issue Mar 9, 2024
This is a temporary fix for disappearing control bar. videojs/video.js#8612

---------

Co-authored-by: Siwat Techavoranant <keen@keendev.net>
@meddouribadis
Copy link

I can confirm the issue, on Windows 11 but it works fine on Windows 10.

@mister-ben
Copy link
Contributor

I don't have access to the one machine I observed this on, and can't reproduce on others with various aspect ratio videos. Is the behaviour any different on Chrome 124?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs: triage This issue needs to be reviewed
Projects
None yet
Development

No branches or pull requests

5 participants