youtube-video-element
Advanced tools
youtube-video-element - npm Package Compare versions
Comparing version 0.0.6 to 0.1.0
| { | ||
| "name": "youtube-video-element", | ||
| "version": "0.0.6", | ||
| "version": "0.1.0", | ||
| "description": "Custom element (web component) for the YouTube player.", | ||
| "type": "module", | ||
| "main": "dist/youtube-video-element.js", | ||
| "main": "youtube-video-element.js", | ||
| "files": [ | ||
| "./dist/*", | ||
| "youtube-video-element.js", | ||
| "README.md" | ||
| ], | ||
| "scripts": { | ||
| "build": "rm -rf dist && rollup --config", | ||
| "test": "echo \"Error: no test specified\" && exit 1", | ||
| "publish-patch": "yarn run build && np patch --no-tests" | ||
| "dev": "npx serve .", | ||
| "test": "web-test-runner test.js --node-resolve" | ||
| }, | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git+https://github.com/muxinc/youtube-video-element.git" | ||
| }, | ||
| "publishConfig": { | ||
| "registry": "https://registry.npmjs.org" | ||
| }, | ||
| "repository": "muxinc/youtube-video-element", | ||
| "keywords": [ | ||
@@ -32,11 +25,6 @@ "youtube", | ||
| "license": "MIT", | ||
| "dependencies": {}, | ||
| "devDependencies": { | ||
| "@rollup/plugin-commonjs": "^11.0.2", | ||
| "@rollup/plugin-node-resolve": "^7.1.1", | ||
| "np": "^6.2.0", | ||
| "rollup": "^2.2.0", | ||
| "rollup-plugin-babel-minify": "^10.0.0", | ||
| "rollup-plugin-terser": "^5.3.0" | ||
| "@open-wc/testing": "^3.1.7", | ||
| "@web/test-runner": "^0.15.0" | ||
| } | ||
| } |
| # `<youtube-video>` | ||
| A custom element (web component) for the YouTube player. | ||
@@ -9,12 +10,4 @@ | ||
| ```html | ||
| <html> | ||
| <head> | ||
| <script type="module" src="https://unpkg.com/youtube-video-element@0"></script> | ||
| </head> | ||
| <body> | ||
| <youtube-video controls src="https://www.youtube.com/watch?v=rubNgGj3pYo"></youtube-video> | ||
| </body> | ||
| </html> | ||
| <script type="module" src="https://cdn.jsdelivr.net/npm/youtube-video-element@0"></script> | ||
| <youtube-video controls src="https://www.youtube.com/watch?v=rubNgGj3pYo"></youtube-video> | ||
| ``` | ||
@@ -34,3 +27,3 @@ | ||
| <head> | ||
| <script type="module" src="https://unpkg.com/youtube-video-element@0"></script> | ||
| <script type="module" src="https://cdn.jsdelivr.net/npm/youtube-video-element@0"></script> | ||
| </head> | ||
@@ -54,1 +47,14 @@ ``` | ||
| This will register the custom elements with the browser so they can be used as HTML. | ||
| ## Related | ||
| - [Media Chrome](https://github.com/muxinc/media-chrome) Your media player's dancing suit. 🕺 | ||
| - [`<mux-video>`](https://github.com/muxinc/elements/tree/main/packages/mux-video) A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin. | ||
| - [`<mux-player>`](https://github.com/muxinc/elements/tree/main/packages/mux-player) The official Mux-flavored video player web component. | ||
| - [`<vimeo-video>`](https://github.com/luwes/vimeo-video-element) A web component for the Vimeo player. | ||
| - [`<videojs-video>`](https://github.com/luwes/videojs-video-element) A web component for Video.js. | ||
| - [`<wistia-video>`](https://github.com/luwes/wistia-video-element) A web component for the Wistia player. | ||
| - [`<jwplayer-video>`](https://github.com/luwes/jwplayer-video-element) A web component for the JW player. | ||
| - [`<hls-video>`](https://github.com/muxinc/hls-video-element) A web component for playing HTTP Live Streaming (HLS) videos. | ||
| - [`castable-video`](https://github.com/muxinc/castable-video) Cast your video element to the big screen with ease! |
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Fixed alerts
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
No tests
QualityPackage does not have any tests. This is a strong signal of a poorly maintained or low quality package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by117.13%
17175
- Dev dependency count
- decreased by-66.67%
2
- Lines of code
- increased by2494.44%
467
- Number of low quality alerts
- decreased by-33.33%
2
- Number of lines in readme file
- increased by11.54%
58
Worsened metrics
- Number of low supply chain risk alerts
- increased byInfinity%
1