У нас похожая проблема.Мы не видим слайд-шоу, пока пользователь не находится в состоянии ожидания.Мы также видим либо фоновое изображение, либо заставку за 10 секунд или около того до начала слайд-шоу.Вот что у меня есть в примере приложения.
<style>
body {
/*--background-image: url('./images/bg_loading.jpg');*/
--slideshow-interval: 5s;
--slideshow-duration: 1s;
--slideshow-image-1: url('./images/bg_idle_1.jpg');
--slideshow-image-2: url('./images/bg_idle_2.jpg');
--slideshow-image-3: url('./images/bg_idle_3.jpg');
--logo-image: url('./images/bg_loading.jpg');
--playback-logo-image: url('./images/icon_logo_small.svg');
--splash-image: url('./images/bg_loading.jpg');
}
#video-holder {
--theme-hue: 100;
--progress-color: #FFFFFF;
--pause-image: url('./images/icon_pause.svg');
--spinner-image: url('./images/icon_loading.svg');
}
Я также не могу заставить изображения логотипа появляться где-либо.Документация очень неясна, когда речь идет о том, с какими элементами вы должны ассоциировать стили CSS.