Playback sometimes fails
I want to play a media file, stored on s3 and get the following error:
Uncaught (in promise) DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.
play player.ts:134
usePlayer player.ts:52
callWithErrorHandling runtime-core.esm-bundler.js:157
callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
getter runtime-core.esm-bundler.js:1732
run reactivity.esm-bundler.js:187
job runtime-core.esm-bundler.js:1809
callWithErrorHandling runtime-core.esm-bundler.js:157
flushJobs runtime-core.esm-bundler.js:390
promise callback*queueFlush runtime-core.esm-bundler.js:282
queueJob runtime-core.esm-bundler.js:276
effect runtime-core.esm-bundler.js:5743
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:387
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
trigger reactivity.esm-bundler.js:370
set$1 reactivity.esm-bundler.js:658
<anonymous> queue.ts:69
callWithErrorHandling runtime-core.esm-bundler.js:157
callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
getter runtime-core.esm-bundler.js:1732
run reactivity.esm-bundler.js:187
job runtime-core.esm-bundler.js:1809
callWithErrorHandling runtime-core.esm-bundler.js:157
flushJobs runtime-core.esm-bundler.js:390
promise callback*queueFlush runtime-core.esm-bundler.js:282
queueJob runtime-core.esm-bundler.js:276
effect runtime-core.esm-bundler.js:5743
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:387
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
trigger reactivity.esm-bundler.js:370
set2 reactivity.esm-bundler.js:523
key reactivity.esm-bundler.js:442
enqueueAt queue.ts:152
enqueue queue.ts:168
replacePlay usePlayOptions.ts:163
activateTrack usePlayOptions.ts:182
_sfc_render/_cache[0]< Row.vue:71
node_modules chunk-DQLABA3G.js:9596
player.ts:134:4
Uncaught (in promise) DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.
play player.ts:134
createTrack tracks.ts:186
initialize tracks.ts:197
whenever index.mjs:1549
callWithErrorHandling runtime-core.esm-bundler.js:157
callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
job runtime-core.esm-bundler.js:1794
callWithErrorHandling runtime-core.esm-bundler.js:157
flushJobs runtime-core.esm-bundler.js:390
promise callback*queueFlush runtime-core.esm-bundler.js:282
queueJob runtime-core.esm-bundler.js:276
effect runtime-core.esm-bundler.js:5743
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:387
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
trigger reactivity.esm-bundler.js:370
set$1 reactivity.esm-bundler.js:658
<anonymous> queue.ts:69
callWithErrorHandling runtime-core.esm-bundler.js:157
callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
getter runtime-core.esm-bundler.js:1732
run reactivity.esm-bundler.js:187
job runtime-core.esm-bundler.js:1809
callWithErrorHandling runtime-core.esm-bundler.js:157
flushJobs runtime-core.esm-bundler.js:390
promise callback*queueFlush runtime-core.esm-bundler.js:282
queueJob runtime-core.esm-bundler.js:276
effect runtime-core.esm-bundler.js:5743
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:387
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
triggerRefValue reactivity.esm-bundler.js:1003
node_modules chunk-DQLABA3G.js:1556
triggerEffect reactivity.esm-bundler.js:397
triggerEffects reactivity.esm-bundler.js:382
trigger reactivity.esm-bundler.js:370
set2 reactivity.esm-bundler.js:523
key reactivity.esm-bundler.js:442
enqueueAt queue.ts:152
enqueue queue.ts:168
replacePlay usePlayOptions.ts:163
activateTrack usePlayOptions.ts:182
_sfc_render/_cache[0]< Row.vue:71
node_modules chunk-DQLABA3G.js:9596