Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Div
classss-cta-banner
Div
classcontainer
Div
classcols
Div
classtext-center
Html-bobswift
<h2 class="h3">Interested to join the use cases development with EBSI?</h2>  
<a class="btn secondary anchor-smooth-scroll" href="#ss-cta-register"><span>Register><span>Apply now</span><span class="ico-cta"></span></a>

...

Div
classsection ss-video
Div
classcontainer
Div
classcols
Div
Html-bobswift
<h2 class="heading-deco terciary">Watch the demo</h2>
Div
classcols justify-content-center
Div
classcol-8
Html-bobswift
<div id="tabs-video-content">

<div id="tab1" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=%2f%2fwwwhttps%3A%2F%2Fwww.youtube.com%2fembed%2fAXBkJyELuHg" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab2" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=%2f%2fwwwhttps%3A%2F%2Fwww.youtube.com%2fembed%2fbwYUvmlRyTE" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab3" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=%2f%2fwwwhttps%3A%2F%2Fwww.youtube.com%2fembed%2f1uz-Q80RSnM" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab4" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=%2f%2fwwwhttps%3A%2F%2Fwww.youtube.com%2fembed%2frfn9cB1L3KE" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

</div>     
Div
classcols
Div
Html-bobswift
<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/584712625/img-ss-video-cover-01.jpg" alt="EBSI logo"></span><span class="cover-text">Short Demo Story 4</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/584712625/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/584712625/img-ss-video-cover-03.jpg" alt="EBSI logo"></span><span class="cover-text">Full Demo</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/584712625/img-ss-video-cover-04.JPG" alt="EBSI logo"></span><span class="cover-text">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>     

...