@property
.inst {
position: fixed;
top: 776px;
left: 2100px;
}
html,
body {
margin-top: 0;
height: 100%;
font-family: "Montserrat", sans-serif;
background: #d9d9d9;
width: 1760px;
height: 768px;
}
.tobuy-shance__title_accent {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
// Кнопка
const nextvideo = document.getElementById('nextvideo');
// Видео элемент
const videoElement = document.getElementById("video");
// Массив путей
const vids = [
"../assets/img/web_1.mp4",
"../assets/img/web_2.mp4",
"../assets/img/web_3.mp4"
];
// Счётчик
let idx = 0;
// Устанавливаем первый урл как первое видео.
videoElement.src = vids[0]
// Совмещаем всё вместе в обработчике клик
nextvideo.addEventListener('click', function () {
// Цикличность счётчика:
// Если следующее значение выходит за длину массива минус 1 (выражено знаком "меньше"),
// то обнуляем, в противном случае увеличиваем на 1.
idx = idx + 1 < vids.length ? idx + 1 : 0;
const nextVideoUrl = vids[idx];
videoElement.src = nextVideoUrl
})
display: block;
height: 1px;
width: 100%;
background-color: #fff
display: flex;
align-items: flex-end;
justify-content: space-between;
const response = await fetch('data.json');
const data = await response.json();
console.log(data);
npx
, например: npx serve
.