UNPKG

@atmtfy/video-background

Version:

Automatic background video from various sources (Youtube, MP4, vimeo) with autoplay across devices. No JS dependencies.

69 lines 2.56 kB
{ "name": "@atmtfy/video-background", "version": "0.8.0", "description": "Automatic background video from various sources (Youtube, MP4, vimeo) with autoplay across devices. No JS dependencies.", "main": "src/index.ts", "publishConfig": { "access": "public" }, "repository": { "type": "git", "url": "@atmtfy/video-background" }, "keywords": [ "background", "video", "autoplay", "youtube", "vanilla", "vimeo", "local", "mp4", "background", "hero" ], "author": "atmtfy", "license": "ISC", "devDependencies": { "@types/can-autoplay": "^3.0.1", "@types/node": "^17.0.21", "@types/vimeo__player": "^2.16.2", "@types/youtube-player": "^5.5.5", "css-loader": "^6.6.0", "express": "^4.17.3", "file-loader": "^6.2.0", "sass": "^1.49.9", "sass-loader": "^12.6.0", "style-loader": "^3.3.1", "svg-inline-loader": "^0.8.2", "terser-webpack-plugin": "^5.3.1", "ts-loader": "^9.2.6", "typescript": "^4.5.5", "url-loader": "^4.1.1", "webpack": "^5.69.1", "webpack-bundle-analyzer": "^4.5.0", "webpack-cli": "^4.9.2", "webpack-dev-middleware": "^5.3.1", "webpack-dev-server": "^4.7.4", "webpack-merge": "^5.8.0" }, "exports": { ".": { "import": "./dist/mjs/bundle.js", "require": "./dist/cjs/bundle.js" } }, "dependencies": { "@vimeo/player": "^2.16.3", "lodash.get": "^4.4.2", "url-parse": "^1.5.10", "youtube-player": "^5.5.2" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "rm -fr dist/* && webpack --config webpack.cjs.js && webpack --config webpack.esnext.js", "dev": "webpack-cli serve --config webpack.dev.js --mode=development", "build:demo": "cp -R dist demo" }, "readme": "# Finally, a good background video component.\n\nLooking for an easy way to include autoplay/good background video in your site?\n\n## Installation\n\n## Usage\n\n## Features\n\n- Accepts local videos (webm/mp4) and YouTube videos as backgrounds. (Vimeo coming soon)\n- Tiny (3kb gzipped)\n- Allows for a fallback poster image and graceful loading.\n- Easily fade the background video for more readability/contrast\n- Accepts sourceset gracefully, allowing for loading smaller video files on smaller screens.\n- IntersectionObserver support (optional, true by default) to load video backgrounds when onScreen, and pause when offScreen.\n- Reloadable on DOMManipulation\n- Allows for multiple background videos on the same page." }