<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/645595199/cover-video-projectathon-2-aftermovie.png" alt="OOTS Projectathon"></span><span class="cover-text">"OOTS Projectathon"<br><span style="font-size:14px"><strong>14 - 16 June 2023, Brussels, Belgium</strong> - Aftermovie</span></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/645595199/cover-video-projectathon-1-david-blanchard.png" alt="The Value of Once-Only"></span><span class="cover-text">"The Value of Once-Only" <br> <span style="font-size:14px"> <strong>David Blanchard</strong> - Deputy Head of Unit, DG GROW European Commission<br><strong>Joao Rodrigues Frade</strong> - Head of Sector Building Blocks, DIGIT European Commission</span></span></a></li>
<li><a href="#tab4"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/cover-video-projectathon-1-anne-gaelle-berge.png" alt="What is a Projectathon"></span><span class="cover-text">"What is a Projectathon"<br><span style="font-size:14px"><strong>Anne-Gaëlle Bergé</strong> - Expert in System Interoperability, Kereval</span></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> |