<ul id="tabs-video-nav">
<li><a href="#tab1#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-0102.jpg" alt="EBSI logo"></span><span class="cover-text">Short>Interview Demoof Story 3<Actors</span></a></li>
<li><a href="#tab2#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-0203.jpg" alt="EBSI logo"></span><span class="cover-text">Interview>Full of Actors<Demo</span></a></li>
<li><a href="#tab3#tab4"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712585/img-ss-video-cover-0304.jpgPNG" alt="EBSI logo"></span><span class="cover-text">Full Demo<>Scenario</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> |