When trying to view clips in firefox, firefox reports typeerror: network error when attempting to fetch resource

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue: 0.14

Last working release (if known): First attempt to use the card

Browser and Operating System: Firefox 91.0.1 on Windows 10

Description of problem: My card is configured as shown below. When I click the clips icon in lovelace firefox replaces the video with a grey box with a small black exclamation point in the middle. When I hover over the exclamation point it says “TypeError: NetworkError when attempting to fetch resource.” If I click on the “View Frigate UI” button it opens a new tab in firefox and successfully connects to frigate as it .should. I am able to ping 10.1.1.52 (my frigate server) successfully from within the terminal on hass.io/ type: custom:frigate-card frigate_url: http://10.1.1.52:5000 webrtc: {} camera_entity: camera.front_door_cam motion_entity: binary_sensor.front_door_cam_person_motion view_default: live menu_mode: below autoplay_clip: false

Javascript errors shown in the web inspector (if applicable): I have 2 reported in my browser console. Not sure if it is related: Content Security Policy: Ignoring “‘unsafe-inline’” within script-src: ‘strict-dynamic’ specified Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified

Additional information:

[rhatguy]

Just waned to confirm that I got my setup working after getting frigate accessible through https. Thanks for your help. The addon looks great!

[dermotduffy]

Rather than unhelpfully render just an icon, [from the next release] the card will show the error message in the card and link to the troubleshooting documentation, which now includes the specific issue that went wrong for you.

Good luck with the setup! Please re-open a new issue if the solution you’re working on does not resolve it (pretty optimistic it will!).