Socket
Socket
Sign inDemoInstall

scrolly-video

Package Overview
Dependencies
0
Maintainers
1
Versions
22
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.0 to 0.0.1

.eslintignore

23

package.json
{
"name": "scrolly-video",
"version": "0.0.0",
"version": "0.0.1",
"description": "A webcomponent built with svelte for scroll-based (or other externally controlled) playback.",
"main": "dist/scrolly-video.js",
"scripts": {
"dev": "rollup -c -w",
"build": "rollup -c",
"start": "sirv dist",
"dev": "DOCS_SITE=true rollup -c -w",
"build": "rimraf dist && rollup -c",
"build-docs": "rimraf build && DOCS_SITE=true rollup -c",
"start": "sirv build",
"test": "echo \"Error: no test specified\" && exit 1",
"prepublishOnly": "npm run build"
"lint": "eslint .",
"prepublishOnly": "npm run build",
"postpublish": "zip -j dist/scrolly-video.zip -- LICENSE README.md dist/*"
},

@@ -33,4 +36,11 @@ "repository": {

"@rollup/plugin-node-resolve": "^13.1.3",
"eslint": "^8.7.0",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-plugin-import": "^2.25.4",
"eslint-plugin-svelte3": "^3.4.0",
"mp4box": "^0.4.9",
"rimraf": "^3.0.2",
"rollup": "^2.46.0",
"rollup-plugin-copy": "^3.4.0",
"rollup-plugin-css-only": "^3.1.0",
"rollup-plugin-livereload": "^2.0.0",

@@ -41,4 +51,5 @@ "rollup-plugin-svelte": "^7.1.0",

"svelte": "^3.46.2",
"svelte-preprocess": "^4.10.2"
"svelte-preprocess": "^4.10.2",
"ua-parser-js": "^1.0.2"
}
}
# scrolly-video
*** NOTE: THIS LIBRARY IS STILL IN EARLY DEVELOPMENT STAGES ***
A webcomponent built with svelte for scroll-based (or other externally controlled) playback.

@@ -10,9 +12,9 @@

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```
2. Require javascript in yourpage (before `</body>`):
2. Require javascript in your page (before `</body>`):
```html
<script src="https://cdn.jsdelivr.net/npm/scrolly-video@latest/dist/scrolly-video.js"></script>
<script src="https://cdn.jsdelivr.net/npm/scrolly-video@latest/dist/scrolly-video.js" />
```

@@ -30,3 +32,3 @@

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```

@@ -60,3 +62,3 @@

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```

@@ -76,3 +78,3 @@

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```

@@ -92,3 +94,3 @@

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```

@@ -111,3 +113,3 @@

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```

@@ -127,5 +129,5 @@

***setCurrentTime*** (setTime | Number): A number between 0 and video.duration that specifies the number of seconds into the video.
***setCurrentTime*** (`setTime | Number`): A number between 0 and video.duration that specifies the number of seconds into the video.
***setCurrentTimePercent*** (setPercentage | Number): A number between 0 to 1 that specifies the percentage position of the video.
***setCurrentTimePercent*** (`setPercentage | Number`): A number between 0 and 1 that specifies the percentage position of the video.

@@ -135,3 +137,3 @@ #### HTML Code with attributes:

```html
<scrolly-video src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_5MB.mp4" />
<scrolly-video src="https://your-video-url.mp4" />
```

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc