Videos not displayed/not playing on Safari iOS/MacOS

Checklist:

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

Release with the issue: 4.0

Last working release (if known): n/a

Browser and Operating System: Safari 16 on MacOS, Safari on iOS 16

Description of problem: Sometimes (a decent percentage) videos are not playing when the card is loading or when the card refreshed/swaps to another camera. My guess is this is related to these Javascript errors which might be some Safari specific behavior and have something to do with how video+audio is being loaded in relation to user interactions. Usually clicking on the card makes the video play in these circumstances but it would of course be nice it the card would play the video right away and not rely on a user interaction for playback. It doesn’t happen all the time, but quite often.

Potentially for the same reason often the Thumbnails bar is missing images of the clips. A random number of images of clips might be missing (see below screenshot where the first one on the left is missing), sometimes more, sometimes less. Clicking on the blank spot will still take you to the playback of the clip, so the data seems to be there, just the image is not being displayed.

Javascript errors shown in the web inspector (if applicable):

Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
(anonyme Funktion)
rejectPromise
play
play — frigate-hass-card.js:401:281
play — frigate-hass-card.js:419:292
play — frigate-hass-card.js:551:600
play — frigate-hass-card.js:520:755
l — frigate-hass-card.js:286:2731
autoPlay — frigate-hass-card.js:307:2894
autoPlay
dispatchEvent
Dg — frigate-hass-card.js:107:115622
e_ — frigate-hass-card.js:271:25983
_storeMediaLoadedInfo — frigate-hass-card.js:307:5957
_storeMediaLoadedInfo
handleEvent — frigate-hass-card.js:17:7372
dispatchEvent
Dg — frigate-hass-card.js:107:115622
aw — frigate-hass-card.js:307:1443
lw — frigate-hass-card.js:307:1507
(anonyme Funktion) — frigate-hass-card.js:480
handleEvent — frigate-hass-card.js:17:7372
dispatchEvent
Dg — frigate-hass-card.js:107:115622
e_ — frigate-hass-card.js:271:25983
t_ — frigate-hass-card.js:271:25958
(anonyme Funktion) — frigate-hass-card.js:274
handleEvent — frigate-hass-card.js:17:7372
play — frigate-hass-card.js:401:281

Additional information:

[AndLindemann]

Yeah, saw your commit. I’ll be away over the weekend anyway, so I’ll probably just wait for the 4.1 release. Thanks for your help and your effort on this, the card turned out to be really good. 😃

[dermotduffy]

OK! I’m going to close this for now to clean up the issues. If you try 4.1 and it still doesn’t work, definitely re-open. Thanks!