question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Avoid hiding controls on play button click

See original GitHub issue

Q: Is it possible to avoid player controls hiding on click play button until the user cursor is over it?

This is what happens when I use the default autohide

https://user-images.githubusercontent.com/4834881/150183218-0b195507-04b3-49d4-a284-acd338da3f79.mov

This is what I’d like to do and I did dynamically setting autohide on video play/pause events

https://user-images.githubusercontent.com/4834881/150183282-2dd9d0ea-795f-4a91-87dc-c48352b43b20.mov

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
alessandrolivericommented, May 16, 2022

@alessandroliveri any chance this is fixed in the mean time?

I can’t reproduce w/ custom SVG icons, see this example https://media-chrome.mux.dev/examples/themes/demuxed-2021-theme.html

hi @luwes, I’m sorry for the late reply but I missed the notification 😅, now it seems to work as expected: thank you!

1reaction
alessandrolivericommented, Jan 19, 2022

Hello @cjpillsbury, thanks for your quick reply, yes I’m talking about the desktop version: speaking of the mobile version, I’d prefer a time-based option and a tap on video area to make controls appear or a manual show/hide controls method so that I can manage them on my side because our users are not used tapping somewhere else on mobile to hide controls. 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML5 Video // Completely Hide Controls - Stack Overflow
Hiding HTML5 Video Controls using CSS Pseudo selectors --> <video ... For iOS, we could hide video's buildin play button by adding the ......
Read more >
Hide YouTube Controls Overlay That Won't Disappear on ...
Learn how to hide the YouTube controls overlay when it won't disappear from full-screen videos. ... Your browser can't play this video.
Read more >
How to hide HTML5 video controls completely - Meetrix.IO
A simple CSS trick to completely hide html5 video controls. ... the user can view the controls section by right-clicking on the video...
Read more >
YouTube Pause Button Not Disappearing? 6 Ways to Fix
Open the YouTube's Accessibility menu (YouTube > Settings > Accessibility), toggle on Accessibility player, and tap Hide player controls. Select ...
Read more >
Playing HTML5 video with JavaScript does not hide overlay ...
I am creating a web page with HTML5 video. I made a layer with the video object that is hidden with CSS until...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found