Title: Scrollzee – Video Scroll
Author: hsarticle
Published: <strong>2026년 8월 17일</strong>
Last modified: 2026년 8월 17일

---

플러그인 검색

![](https://ps.w.org/scrollzee/assets/banner-772x250.png?rev=3651527)

![](https://ps.w.org/scrollzee/assets/icon-256x256.png?rev=3651527)

# Scrollzee – Video Scroll

 작성자: [hsarticle](https://profiles.wordpress.org/hsarticle/)

[다운로드](https://downloads.wordpress.org/plugin/scrollzee.1.0.0.zip)

 * [세부사항](https://ko.wordpress.org/plugins/scrollzee/#description)
 * [평가](https://ko.wordpress.org/plugins/scrollzee/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/scrollzee/#installation)
 * [개발](https://ko.wordpress.org/plugins/scrollzee/#developers)

 [지원](https://wordpress.org/support/plugin/scrollzee/)

## 설명

Scrollzee – Video Scroll ties video playback directly to scroll position. Instead
of playing on a timer, the current frame is tied to how far the visitor has scrolled:
scroll down, the video plays forward; scroll up, it plays backward.

#### Features

 * Two playback modes: Image Frame Sequence (recommended, smoothest) or Video Seek(
   quicker setup)
 * One-click frame extraction, runs in your browser, uploads to your Media Library,
   no server-side ffmpeg needed, and automatically cleans up old frames when you
   regenerate
 * In-admin scrub preview, test the scrub feel without leaving wp-admin
 * Adjustable frame image quality/compression
 * Adjustable smoothing/catch-up speed and scroll distance
 * Optional sticky pinning while scrubbing
 * Cover or contain fit, poster image support
 * “Player Height” setting: full screen, or match the video’s own aspect ratio to
   avoid cropping
 * Separate “Phone Height” override for phone-sized screens, so mobile doesn’t get
   cropped the same way as a full-screen desktop hero
 * Automatic mobile optimization (shorter scroll track, tighter tracking on phones)
 * Respects prefers-reduced-motion (shows a static frame instead of animating)
 * Native Gutenberg block and native Elementor widget, plus a plain shortcode: `[
   scrollzee_video id="123"]`
 * No jQuery/GSAP dependency on the frontend, lightweight vanilla JS
 * Assets only load on pages that actually use it

#### Which playback mode should I use?

**Image Frame Sequence** extracts the video into individual images once, then plays
them back on scroll by picking the right image, no video decoding involved while
scrolling. This is the smoothest option and is what sites like Apple’s product pages
actually use under the hood.

**Video Seek** sets the video’s current time directly as you scroll. Quicker to 
set up, no extraction step, but can be less smooth depending on the device and how
the video is encoded.

#### For Video Seek mode

If you notice choppiness, re-encode your source video so every frame is a keyframe:

    ```
    ffmpeg -i input.mp4 -vcodec libx264 -crf 18 -g 1 -pix_fmt yuv420p output.mp4
    ```

#### My video looks cropped on phones

Try the “Phone Height” setting (a specific height in vh used only on phone-sized
screens), or switch “Player Height” to “Match video aspect ratio”. A landscape video
forced into a tall, full-screen phone box has to crop hard to fill it, either option
gives it a shorter, more natural height instead.

## 블록

이 플러그인은 1개의 블록을 제공합니다.

 *   Scrollzee – Video Scroll

## 설치

 1. Upload the plugin folder to `/wp-content/plugins/`, or install the zip via Plugins
    > Add New > Upload Plugin.
 2. Activate the plugin.
 3. Go to Scroll Videos > Add New in the admin menu.
 4. Upload your video, generate a frame sequence, adjust settings, and publish.
 5. Insert it with the “Scrollzee – Video Scroll” block, the Elementor widget, or the
    shortcode shown in the sidebar.

## FAQ

### Can I use a YouTube or Vimeo URL?

No. Both playback modes need direct access to the actual video file, embedded platform
players don’t allow frame-level access or precise seeking. Download the file and
upload it into WordPress instead.

### Why is Video Seek mode stuttering?

Almost always the video’s keyframe interval. Re-encode with `-g 1` as noted above,
or switch to Frame Sequence mode, which doesn’t have this issue at all.

### Can I use more than one on a page?

Yes, each Scroll Video entry has its own shortcode/block instance and its own settings.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Scrollzee – Video Scroll”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 
플러그인에 기여하였습니다.

기여자

 *   [ hsarticle ](https://profiles.wordpress.org/hsarticle/)

[자국어로 “Scrollzee – Video Scroll”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/scrollzee)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/scrollzee/)는, [SVN 저장소](https://plugins.svn.wordpress.org/scrollzee/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/scrollzee/)을
[RSS](https://plugins.trac.wordpress.org/log/scrollzee/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0.0

 * Initial release.

## 기초

 *  버전 **1.0.0**
 *  최근 업데이트: **4주 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 5.8 또는 그 이상 **
 *  다음까지 시험됨: **7.0.4**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/scrollzee/)
 * 태그:
 * [animation](https://ko.wordpress.org/plugins/tags/animation/)[elementor](https://ko.wordpress.org/plugins/tags/elementor/)
   [scroll](https://ko.wordpress.org/plugins/tags/scroll/)[video](https://ko.wordpress.org/plugins/tags/video/)
 *  [고급 보기](https://ko.wordpress.org/plugins/scrollzee/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/scrollzee/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/scrollzee/reviews/)

## 기여자

 *   [ hsarticle ](https://profiles.wordpress.org/hsarticle/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/scrollzee/)