У меня есть куча видео с атрибутами autoplay
, playsInline
, preload='metadata'
и muted
. Каждое видео получает src
от BLOB-объекта, созданного следующим образом:
const blob = new Blob([new Uint8Array(data)], {type: `video/${videoUrl.split('.').pop()}`})
const src = window.URL.createObjectURL(blob)
Все видео автоматически воспроизводятся практически на всех протестированных браузерах / устройствах, включая iOS Safari и Edge. Но Firefox отказывается. Что еще более странно, так это то, что когда я пропускаю процесс создания BLOB-объекта и просто назначаю каждому видео src
его исходный URL-адрес (тот, который я создаю с помощью BLOB-объектов, например, https://website.com/video.mp4
), в Firefox автозапуск работает нормально.
Кроме того, при использовании URL-адресов BLOB-объектов вызов video.play()
после того, как видео готово, кажется, работает на Firefox, но непоследовательно на iOS (даже при проверке if (video.paused) {video.play()}
, поэтому я хотел бы избежать дополнительных play
Позвоните, если это возможно. Кто-нибудь еще видел это ??