Блог

  $('a.thumbnail').click(function(){ 
  $(this).('.cu_vd').trigger('play');
}); 
 

  $('a.thumbnail').click(function(){ 
      $(this).('.cu_vd').trigger('play');
    });  

Я пытаюсь воспроизвести видео по триггеру, но видеобоксов несколько с одним и тем же классом. Поэтому я пытаюсь использовать «это», чтобы оно не срабатывало для всех, но оно не работает. Это HTML-страница, на которой я пытаюсь воспроизвести видео

https://dev-visualshowcase.cvent.com/bkeventvideos.html нажмите на IOV 1 (первое поле), всплывающие триггеры, и я хочу воспроизвести это видео с помощью функции JS вместо автозапуска, потому что автозапуск не поддерживается в IOS https://dev-visualshowcase.cvent.com/eventvideos.html — здесь вы можете проверить проблему

Вы можете использовать атрибут данных для таргетинга на конкретное видео

 <button class="thumbnail" data-target="video_1">Play the video</button>

<video id="video_1" playsinline="" preload="auto" muted="" controls="" loop="">
  <source src="https://dev-visualshowcase.cvent.com/VS/video/vd_intro/01.mp4" type="video/mp4">
</video>

 

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

  $('.thumbnail').click(function(){ 
   let target = $(this).attr('data-target')
   $('#'   target).trigger('play');
 });