scrapbox-sticky-video.md

Scrapbox Sticky Video

• ScrapboxでYouTube等の動画を上部に固定表示できるようにするUserStyle/UserCSSです。
• lefb766/scrapbox-video-seek-buttonと組み合わせて使うことを意図しています。
• CC0 ライセンスで公開します。

code:style.css
  .video-line {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1;
    background: white;
    text-align: center;
  }

  .iframe-video-player {
    width: 100%;
  }

code:script.js
  setInterval(() => {
    const videoContainers = document.querySelectorAll('.iframe-video-player');
    [...videoContainers].forEach(videoContainer => {
      const lineElem = videoContainer.parentElement.parentElement.parentElement;
      lineElem.classList.add('video-line');
    });
  }, 2000);