BLOG

金曜日

おはようございます。

最近夜寝始めるのが12時から1時の間くらいになるので4時起き習慣がどっかいってしまいましたどうもハヤトワンです。

今の生活の感じが定着しそうなので、5時半か6時起きを習慣にしようと思います。(冬は二度寝がまじで強敵)

ということで、最近定番の流れになってきた朝のコーディングシェア。

https://github.com/HayatoMoromasa/sample/tree/main/playVideoOnScroll

よくスクロールで動画が動く系のwebサイトとかみてどうしてんのやろーと思ってましたがこんな感じなんですね。(もちろん全部が全部そうではないとは思うが)

        let video = document.getElementById('video');
        setInterval(function(){
            video.currentTime = window.pageYOffset/1000;
        },100);

videoのidを取得してsetInterval関数(一定時間ごとに特定の処理を繰り返す/100ミリ秒=0.1秒ごとに)の中で、currentTime(video要素の再生位置を取得、設定)にwindow.pageYOffset(垂直方向のスクロール量)を1000で割った値を代入

これでスクロールに合わせて動画の再生が進んだり戻ったりするわけでござんすね。

おもしろい。

ということで今日は終わり。

それでは良いハナキンを!