Skip to content

[web] Can't unmute videos in Chrome mobile (Tap events) #156444

@ditman

Description

@ditman

In Chrome with Tap Emulation mode (possibly on mobile too), setting a video to volume=0.0 causes that it can't be un-muted by clicking on the "mute" icon, similarly to how a video that is just muted works, because the volume slider is not shown on hover (only long-press).

Flutter sets volume=0.0 AND muted (code), making it hard for the video to be unmuted in Chrome.

2024-09-22.05.09.31.mov

See reproduction: https://jsfiddle.net/ditman/kmjdp19x/ (enable Touch emulation mode)

To fix this, Flutter could not set the volume of the video when setting the muted attribute. That way, the video would have a non-zero volume, and tapping the "unmute" icon would work more as expected.

Originally reported by @KyoShio in #60721 (comment)

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work listgood first issueRelatively approachable for first-time contributorsp: video_playerThe Video Player pluginpackageflutter/packages repository. See also p: labels.platform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions