Показать сообщение отдельно
  #1 (permalink)  
Старый 02.12.2023, 13:12
Аватар для Gena
Новичок на форуме
Отправить личное сообщение для Gena Посмотреть профиль Найти все сообщения от Gena
 
Регистрация: 02.12.2023
Сообщений: 4

Объединение нескольких сценариев управления видео плеером
Здравствуйте.
У меня такой вопрос. Есть небольшой скрипт помогающий осуществлять управление HTML5 видео плеером.
<center>
  <video id="movie" width="100%" height="auto" controls="controls" poster="">
   <source src="video.mp4" type="video/mp4">
  </video>
</center>
<script>var a=document.getElementById("movie");a.onclick=function(){if(a.paused){a.play();}else{a.pause();}};</script>

Он отлично справляется со своей задачей. Но если на странице будет добавленно еще несколько видео роликов, с ключевым элементом
Код:
id="movie"
то скрипт перестает работать. Конечно можно применить такой вариант:
<center>
  <video id="movie1" width="100%" height="auto" controls="controls" poster="">
   <source src="video1.mp4" type="video/mp4">
  </video>
</center>
<br>
  <video id="movie2" width="100%" height="auto" controls="controls" poster="">
   <source src="video2.mp4" type="video/mp4">
  </video>
<script>var a=document.getElementById("movie1");a.onclick=function(){if(a.paused){a.play();}else{a.pause();}};
var b=document.getElementById("movie2");b.onclick=function(){if(b.paused){b.play();}else{b.pause();}};
</script>
но если видео роликов будет еще больше, то придется еще раз увеличивать практически повторяющийся код.
Возможно есть способ какого то объединения нескольких скриптов, что бы работал унивестальный поиск по элементу
Код:
id="movie\d+"
и тогда скрипт управления можно будет сделать более компактным? Спасибо
Ответить с цитированием