スクロールと動画を同期させるJavaScriptライブラリ・「ScrollyVideo.js」 - かちびと.net

ScrollyVideo.jsはスクロールと動画を同期させるJavaScriptライブラリです。スクロールすると動画が再生する、ではなくて、スクロールに応じて動画が進む感じです。 このライブラリは、特別なビデオエンコーディング形式を使用せずに、スクロールに応じた動画再生のUX作成を提供する、というものになります。 使い方もすごく簡単です。以下のように任意の要素を用意します。 <div id="scrolly-video"></div> あとは、ライブラリを読み込んで上記要素を指定し、使いたい動画ファイルを設定するだけです。 <script src="https://cdn.jsdelivr.net/npm/scrolly-video@latest/dist/scrolly-video.js"></script> <script type="text/javascript"> new Scr