Versions Compared

Key

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

...

CSS Stylesheet
#news-detail .container .cols > div > p:last-child { display: none;}

.wiki-content img { margin-bottom:2.5rem;}

.wiki-content h2 { margin-top:2.5rem;}

.video-container { margin:2.5rem auto; width: 100%; max-width: 740px; }
.video-container-iframe { margin: 1rem 0 2rem 0; position: relative; z-index: 1; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.video-container-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; border-radius: 16px;}
Html-bobswift
<script>

/*--- MANAGE VIDEOS ---*/
document.addEventListener("DOMContentLoaded", function () {
  const iframes = document.querySelectorAll(".video-container-iframe iframe");

  iframes.forEach((iframe) => {
    iframe.addEventListener("mouseenter", function () {
      iframes.forEach((otherIframe) => {
        if (otherIframe !== iframe) {
          otherIframe.src = otherIframe.src; // Recharge l'iframe pour la stopper
        }
      });
    });
  });
});

</script>