I am trying to setup a simple pet camera to see when our geriatric kitty has eaten. 
When the camera detects motion, HA saves an mp4 with this automation:
alias: Sophie Food Cam - Save on Motion
description: ""
trigger:
- type: motion
platform: device
device_id: c15d43242030c8a16feefc2ea444b22b
entity_id: 7cf676c3d91d5e73a79a28c13fb2ebb4
domain: binary_sensor
for:
hours: 0
minutes: 0
seconds: 1
condition: []
action:
- service: camera.record
target:
entity_id: camera.sophie_food_cam
data:
duration: 2
lookback: 0
filename: /config/sophieFoodCam/{{ now().strftime("%Y%m%d-%H%M%S") }}.mp4
mode: single
I have this media source configured:
homeassistant:
media_dirs:
sophie: /config/sophieFoodCam
Clips are being saved just fine, but they won’t play in Firefox, Chrome, or Edge on my Windows laptop. I also cannot get them to play on the HA Android app.
On Firefox, I get this error: “No video with supported format and MIME type found.” Here is what Firefox displays:
Here is what I see in the HA Android app on my Gallery Card.
Is there a setting or configuration I need to adjust? Help would be appreciated. Thanks!