This is a mobile optimized page that loads fast, if you want to load the real page, click this text.

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

httdiente

Новый участник
1 Май 2021
37
1
30
Не могу воспроизвести audio/video
Ошибка:
HTML:
Uncaught (in promise) DOMException: The element has no supported sources.
HTML:
<video src="video/background.mp4" id="background-video" loop></video>
$('#background-video').get(0).play();

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

X-Clusiv

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

Harland David Sanders

🍔 ChefBurger
Команда форума
High developer
10 Сен 2020
3,671
2,849
219
Либо сделай так чтобы файл был меньше по размеру либо как выше советовали подгружай извне.
 

httdiente

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

httdiente

Новый участник
1 Май 2021
37
1
30
Проблема больше никак не решается? Просто из-за плохого интернета видео может останавливаться, как и звук((( а это категорически мне не подходит
 

httdiente

Новый участник
1 Май 2021
37
1
30
Так понимаю, никто не знаком с проблемой ?
 

NKondr

Мастер
High developer
FrontEnd developer
5 Янв 2022
155
174
121
26
Видео должно быть без звука, можешь прям в параметрах указать. Предполгаю что именно из-за отсутствия данного парметра он ругается и ссылается на 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

Мастер
High developer
FrontEnd developer
5 Янв 2022
155
174
121
26
Я почему то думала что проблема свежая, а человек то аппал тему в 2022 году xD. Ну может для будущего поколения это будет полезным xD
 
Реакции: kiraz

ubees

Начинающий специалист
11 Фев 2023
425
69
78
40
что сказать, очень быстрая реакция))
 
Реакции: NKondr