HELP Media Player card configuration

[SylvainDx]

Hello,

I'm struguling with the Media Player card and how make it look like the screenshot in the presentation

especially the second line.
I can't manage to make the slider and have trouble to find how set the action for the mute command ... :(

thank you for your assistance !

[Clooos]

Hi, just press the volume icon, it will show the slider and mute button 🙂

[SylvainDx]

I'll be damned ! 🤣
Is it possible to have the card on this state by default ?

I found some style option to display the slider

  .bubble-volume-slider.is-hidden {
  opacity: 100 !important;
  pointer-events: auto;
}

But I never understound how to format the tap action to have the mute command to work

[Clooos]

If you just want a volume slider, create a slider button then add your media player in it, this is the best way. And if you want to add a mute button to it, just create a sub-button with the tap action set to media_player.volume_mute, then don't forget to add the data part in YAML.

https://www.home-assistant.io/integrations/media_player/#action-media_playervolume_mute

[SylvainDx]

that's the data part I don't understand :( i'm sorry

[Clooos]

I just did a research on Google and this should helps you:

https://community.home-assistant.io/t/media-player-volume-mute-toggle/302265

[SylvainDx]

Ok I understand now why it wasn't obvious ....

Thank you so much !

[Clooos]

Yes indeed, it's was less obvious than I thought!

Glad that you make it works now 👌