{"repo":"dkaoster/scrolly-video","free":true,"listed":false,"github":"https://github.com/dkaoster/scrolly-video","clone":"git clone https://github.com/dkaoster/scrolly-video.git","description":"Components for scroll-based (or other externally controlled) playback.","language":"JavaScript","stars":1086,"topics":["component","javascript","react","svelte","video","vue"],"license":"MIT","category":"media-processing","readme_excerpt":"ScrollyVideo.js A component for scroll-based (or other externally controlled) playback. See /demos for full example usages. 🚀 Web Add html container to your page: Require javascript in your page and create the object (before ): You can replace @latest with specific version, example @0.0.2 . 🔵 React Install npm module with npm install scrolly-video --save : Import component in your application: Add the component where you need it: 🟠 Svelte Install npm module with npm install scrolly-video --save : Import component in your application: Add the ScrollyVideo component to your application: 🟢 Vue Install npm module with npm install scrolly-video --save : Import module in your src/App.vue and config: Add html code to your html component: 🔵 Astro Install npm module with npm install scrolly-video --save : Import component in your frontmatter: 🧰 Options / Attributes Parameter Description Values Default :---------------------- :--------------------------------------------------------------------------------------------------------- :----------------- :-------- src The URL of the video (required) URL scrollyVideoContainer The DOM element of the container, only used for plain js String / Element transitionSpeed Sets the maximum playbackRate for this video Number 8 frameThreshold When to stop the video animation, in seconds Number 0.1 cover Forces the video to cover in it's container Boolean true sticky Whether the video should have position: sticky Boolean true full Whether the vide","default_branch":null,"files":null,"tree":[],"storefront":"/r/dkaoster","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dkaoster/scrolly-video/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}