Проблема Не работает video/audio | CEF

[httdiente]

Не могу воспроизвести audio/video
Ошибка:

Uncaught (in promise) DOMException: The element has no supported sources.

<video src="video/background.mp4" id="background-video" loop></video>
$('#background-video').get(0).play();

P.S Проблема только в самом rage, в браузере обычном (опера) все хорошо

 

[X-Clusiv]

Не могу воспроизвести audio/video
Ошибка:

Uncaught (in promise) DOMException: The element has no supported sources.

<video src="video/background.mp4" id="background-video" loop></video>
$('#background-video').get(0).play();

P.S Проблема только в самом rage, в браузере обычном (опера) все хорошо

Попробуйте переконвертировать в формат webm. и залить видео на внешний ресурс или свой локальный веб-сервер, указав ссылку(http://доменВидеоХостинга.РУ/video.webm или http://127.0.0.1:8080/video.webm).
Дело в том что рейдж не дает воспроизводить видео с локального хранилища(по крайней мере, когда я выполнял подобную задачу, мне не удалось). Соответственно в продакшн должен идти вариант с хостингом, или своим веб сервером(не локальным)

 

[Harland David Sanders]

Либо сделай так чтобы файл был меньше по размеру либо как выше советовали подгружай извне.

 

[httdiente]

Попробуйте переконвертировать в формат webm. и залить видео на внешний ресурс или свой локальный веб-сервер, указав ссылку(http://доменВидеоХостинга.РУ/video.webm или http://127.0.0.1:8080/video.webm).
Дело в том что рейдж не дает воспроизводить видео с локального хранилища(по крайней мере, когда я выполнял подобную задачу, мне не удалось). Соответственно в продакшн должен идти вариант с хостингом, или своим веб сервером(не локальным)

На локалке получаю ошибку Access to video at '...' null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Попробовал загрузить как вы сказали (с помощью веб хостинга не локального) и все заработало, но мне нужно сделать чтобы брало с локального хоста

 

[httdiente]

Проблема больше никак не решается? Просто из-за плохого интернета видео может останавливаться, как и звук((( а это категорически мне не подходит

 

[httdiente]

Так понимаю, никто не знаком с проблемой ?

 

[HoneyQumo]

up

В клиентском файле нужно CEF инициализировать как http://package/**/index.html

Например:
CEF = mp.browsers.new('http://package/**/index.html')

 

[NKondr]

Видео должно быть без звука, можешь прям в параметрах указать. Предполгаю что именно из-за отсутствия данного парметра он ругается и ссылается на cors

 <video src={video} muted autoPlay loop></video>

Так же ранее у меня были проблемы с воспроизведением gif. Гифки не хотели загружаться. Проблему была в том что у меня не было указано http:

Должно быть так:

mp.events.add('playerReady', () => {
    const browser = mp.browsers.new('http://package/browser/index.html');
    browser.active = true;
})

 

[NKondr]

В клиентском файле нужно CEF инициализировать как http://package/**/index.html

Например:
CEF = mp.browsers.new('http://package/**/index.html')

Я почему то думала что проблема свежая, а человек то аппал тему в 2022 году xD. Ну может для будущего поколения это будет полезным xD

 

[ubees]

Я почему то думала что проблема свежая, а человек то аппал тему в 2022 году xD. Ну может для будущего поколения это будет полезным xD

что сказать, очень быстрая реакция))