Как изменить функцию javascript на все идентификаторы, за которыми следует число

Question

Я создаю сайт, который использует видео, содержащиеся в модальностях начальной загрузки.

У меня есть этот фрагмент кода, который автоматически воспроизводит видео, когда пользователь открывает модал, а затем приостанавливает видео, когда пользователь закрывает его. На одной странице несколько видео-модалей, каждый со своим идентификатором.

Вот код:

$('#smallVideoModal1').on('shown.bs.modal', function () {
  $('#video1')[0].play();
})
$('#smallVideoModal1').on('hidden.bs.modal', function () {
  $('#video1')[0].pause();
})

Мне было интересно, можно ли каким-то образом изменить этот javascript для нацеливания на любой мод, который начинается с идентификатора smallVideoModal, за которым следует числовое число? Мне не нравится идея повторять один и тот же кусок javascript для каждого мода.

Answer 1

Используйте .querySelector('video') в вашем контексте (this или другой)