通过触发器播放视频("播放")1

Question

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

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

我试图通过触发器播放视频，但视频框是多个相同的类。所以我试图使用'this'，所以它不会触发所有，但它不工作这是HTML页面，我试图播放视频

https://dev-visualshowcase.cvent.com/bkeventvideos.html点击IOV 1(第一个框)弹出触发器，我想用JS函数播放这个视频，而不是自动播放，因为IOS不支持自动播放https://dev-visualshowcase.cvent.com/eventvideos.html -在这里你可以检查问题

Answer 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按钮，则使用数据目标选择你的视频

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