Помогите написать программу

  

 

 

	Пример программы на HTML 

	 

 

 

	 

	 

	 

	 

	 < Назад 

	Вперед > 

 

	 

		// Переменная для хранения номера кнопки 

		var buttonNumber = 1; 

 

		// Функция для уменьшения номера кнопки при нажатии на кнопку "Назад" 

		function decreaseButton() { 

			if (buttonNumber > 1) { 

				buttonNumber--; 

			} 

			updateVideoSource(); 

		} 

 

		// Функция для увеличения номера кнопки при нажатии на кнопку "Вперед" 

		function increaseButton() { 

			buttonNumber++; 

			updateVideoSource(); 

		} 

 

		// Функция для обновления источника видео с новым номером кнопки 

		function updateVideoSource() { 

			var videoPlayer = document.querySelector('video'); 

			videoPlayer.src = 'https://sysdatasoft-tv.web.app/' + buttonNumber + '.mp4'; 

		} 

	 

 

 

 

В этом коде мы создаем переменную buttonNumber, которая хранит текущий номер кнопки. Затем мы добавляем две кнопки - "Назад" и "Вперед" - которые вызывают соответствующие функции при щелчке на них. Функции изменяют значение переменной buttonNumber и обновляют источник видео, добавляя текущий номер кнопки к URL-адресу. Видеоплеер находится выше кнопок и отображает видео с URL-адресом, который соответствует текущему номеру кнопки.

...

 * { 

   margin: 0; 

   padding: 0; 

   border: none; 

   outline: none; 

}



.video { 

   box-sizing: border-box; 

   display: flex; 

   justify-content: center; 

   align-items: center; 

   width: 500px; 

   aspect-ratio: 16 / 9; 

   border: 5px solid red; 

} 

 

.video video { 

   width: 100%; 

   height: 100%; 

} 

 

.ctrl { 

   position: absolute; 

   display: flex; 

   width: 500px; 

   height: 50px; 

   background-color: #FFF; 

} 

 

.ctrl div { 

   display: flex; 

   justify-content: center; 

   align-items: center; 

   width: calc(100% / 3); 

   height: 100%; 

} 

 const video   = document.querySelector('.video video'); 

const ctrl    = document.querySelectorAll('.ctrl div'); 

const url     = { 

   num: video.src.match(/\d/)[0], 

   get link () { 

      return `https://sysdatasoft-tv.web.app/${this.num}knopka.mp4`; 

   } 

} 

 

function changeVideo(e) { 

 

   if (url.num > 0 && e.target.className === 'back') { 

      url.num--; 

   } else if (e.target.className === 'next') { 

      url.num++; 

   } else { 

      video.src = url.link; 

   } 

 

   ctrl[1].innerText = `Play Video ${url.num}`    

 

} 

  

ctrl.forEach(e => e.addEventListener('click', changeVideo));