HTML Переключение с слайд-шоу изображений на встроенное видео
В настоящее время я работаю над веб-сайтом для своего работодателя, и он хочет, чтобы я изменил фон веб-сайта с показа слайдов изображений на серию видео, либо пользователем, нажимающим кнопку, либо после окончания показа слайдов. Я не могу понять, как видео заменить изображения, я мог бы разместить видео поверх слайд-шоу, но мой работодатель хочет, чтобы я следил за тем, чтобы веб-сайт не занимал полосу пропускания пользователя. Я хотел знать, есть ли способ с помощью CSS или JavaScript заменить изображения на видео нажатием кнопки.
<div class="background-image-holder ">
<div class="w3-content w3-section cropImg" style="height: inherit;">
<img class="mySlides cropImg" src="photosvideos/img/elongated pictures/DSC_0772.JPG">
<img class="mySlides cropImg" src="photosvideos/img/elongated pictures/DSC_0881.JPG">
<img class="mySlides cropImg" src="photosvideos/img/elongated pictures/DSC_0886.JPG">
<img class="mySlides cropImg" src="photosvideos/img/elongated pictures/DSC_0893.JPG">
</div>
<%--<img alt="image" src="img/hero.jpg" />--%>
</div