Widget:Teste

<style> .skillbox-video {

 aspect-ratio: 16 / 9;

} </style>

<script> document.addEventListener("DOMContentLoaded", function () {

 const tabs = document.querySelectorAll('.skillbox-tab');
 const panels = document.querySelectorAll('.skillbox-panel');

 tabs.forEach((tab, index) => {
   tab.addEventListener('click', () => {
     tabs.forEach(t => t.classList.remove('active'));
     panels.forEach(p => p.classList.remove('active'));

     tab.classList.add('active');
     panels[index].classList.add('active');

     const video = panels[index].querySelector('video');
     if (video) {
       panels.forEach((p, i) => {
         const v = p.querySelector('video');
         if (v) v.pause();
       });
       video.load();
       video.play();
     }
   });
 });

}); </script>