<ul id="tabs-video-nav">
<li><a href="#tab1"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712585/img-ss-video-cover-01.jpg" alt="EBSI logo"></span><span class="cover-text">Success Story 3</span></a></li>
<li><a href="#tab2"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712585/img-ss-video-cover-02.jpg" alt="EBSI logo"></span><span class="cover-text">Interview of Actors</span></a></li>
<li><a href="#tab3"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712585/img-ss-video-cover-03.jpg" alt="EBSI logo"></span><span class="cover-text">Full Demo</span></a></li>
</ul>
<script>
let listOfVideos = document.querySelector("#tabs-video-nav");
Array.from(listOfVideos.children).forEach((li, indexList) => { li.addEventListener("click", function(e) { $("iframe").each(function(index) { if(index != indexList) {
var src = $(this).attr('src');
$(this).attr('src', src);}});})})
</script> |