Different (WRONG) behaviour on Firefox

[johndparker]

I have a problem with the WebRTC Camera card on the Firefox browser.

It all works correctly in Chrome and looks like this when I float over the card:

However in Firefox it look like this:

Note the PIP icon on the right hand side, even though this is explicitly disabled. With the PTZ controls in the default place the PIP button conflicts with it.

Also the UI bar is very different on Firefox.

The main thing though is that I do not want to see the PIP button!

Card config:

type: custom:webrtc-camera
url: back-garden-lo
mode: webrtc
style: >-
  .mode {display: none}  .ptz {right: unset; left: 10px}  .pictureinpicture
  {display: none}
ptz:
  service: button.press
  data_left:
    entity_id: button.m_garden_move_left
  data_right:
    entity_id: button.m_garden_move_right
  data_up:
    entity_id: button.m_garden_move_up
  data_down:
    entity_id: button.m_garden_move_down

Version: 3.6.1
OS: Fedora 43
Browsers: Firefox 153.0, Chrome 150.0.7871.186
HAOS: 18.1
Core: 2026.7.4
Frontend 20260624.6

[AlexxIT]

Your comments don't concern the card's functionality. This is the browser's standard video player interface. The card doesn't control it. Perhaps it can be disabled somehow using JavaScript.

[johndparker]

Hi Alexx

I did not realise it was implemented in each browser, but the symptoms clearly indicate that.

There is a about:config parameter that disables it - media.videocontrols.picture-in-picture.enabled

I set that to false, and problem solved.

I've also now switched to having ui: true in the card config with pip disabled in the style and that is even better!

Many thanks

Kind regatds
John