@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
JSON
{
"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."
}