#javascript #jquery
Вопрос:
$('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 — здесь вы можете проверить проблему
Ответ №1:
Вы можете использовать атрибут данных для таргетинга на конкретное видео
<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');
});
Комментарии:
1. Привет Wmalbos, я попробовал, он не работает, кроме того, я не могу изменить свой HTML-код с привязки на кнопку, потому что с ним связаны другие функции, такие как всплывающее окно featherlight