Gathering detailed insights and metrics for eleventy-plugin-embed-everything
Gathering detailed insights and metrics for eleventy-plugin-embed-everything
Gathering detailed insights and metrics for eleventy-plugin-embed-everything
Gathering detailed insights and metrics for eleventy-plugin-embed-everything
An Eleventy plugin to easily embed common media formats in posts, using only their URLs
npm install eleventy-plugin-embed-everything
Typescript
Module System
Node Version
NPM Version
eleventy-plugin-youtube-embed@1.13.0
Updated on Apr 12, 2025
eleventy-plugin-embed-twitter@1.4.2
Updated on Apr 12, 2025
eleventy-plugin-embed-openstreetmap@1.1.0
Updated on Apr 12, 2025
eleventy-plugin-embed-tiktok@1.1.8
Updated on Apr 12, 2025
eleventy-plugin-embed-soundcloud@1.2.9
Updated on Apr 12, 2025
eleventy-plugin-embed-mastodon@1.0.1
Updated on Apr 12, 2025
JavaScript (99.33%)
TypeScript (0.67%)
Total Downloads
223,043
Last Day
211
Last Week
1,232
Last Month
5,765
Last Year
69,643
MIT License
107 Stars
1,642 Commits
9 Forks
2 Watchers
3 Branches
7 Contributors
Updated on May 08, 2025
Minified
Minified + Gzipped
Latest Version
1.21.0
Package Id
eleventy-plugin-embed-everything@1.21.0
Unpacked Size
13.96 kB
Size
5.06 kB
File Count
7
NPM Version
10.8.2
Node Version
20.19.0
Published on
Apr 12, 2025
Cumulative downloads
Total Downloads
Last Day
42.6%
211
Compared to previous day
Last Week
0.7%
1,232
Compared to previous week
Last Month
8.9%
5,765
Compared to previous month
Last Year
-19.1%
69,643
Compared to previous year
13
This Eleventy plugin will automatically embed common media formats in your pages, requiring only a URL in your markdown files.
It currently supports Instagram, SoundCloud, Spotify, TikTok, Twitch, Twitter, Vimeo, and YouTube, with more planned.
In your Eleventy project, install the plugin through npm:
1$ npm i eleventy-plugin-embed-everything
Then add it to your Eleventy config file:
1const embedEverything = require("eleventy-plugin-embed-everything"); 2 3module.exports = function(eleventyConfig) { 4 eleventyConfig.addPlugin(embedEverything); 5};
To embed a YouTube video into any Markdown page, paste its URL into a new line. The URL should be the only thing on that line.
1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vehicula, elit vel condimentum porta, purus. 2 3https://www.youtube.com/watch?v=dQw4w9WgXcQ 4 5Maecenas non velit nibh. Aenean eu justo et odio commodo ornare. In scelerisque sapien at.
The same principle applies to the other supported services.
Currently, the plugin supports the following embed services (listed alphabetically):
Service | Handle | Active by default? (How to activate) |
---|---|---|
Bluesky | bluesky | ❌ No |
instagram | ✅ Yes | |
Mastodon | mastodon | ❌ No |
OpenStreetMap | openstreetmap | ✅ Yes |
SoundCloud | soundcloud | ❌ No |
Spotify | spotify | ✅ Yes |
TED | ted | ✅ Yes |
TikTok | tiktok | ✅ Yes |
Twitch | twitch | ✅ Yes |
twitter | ✅ Yes | |
Vimeo | vimeo | ✅ Yes |
YouTube | youtube | ✅ Yes |
[!NOTE] Why are some plugins not active by default? Some services require API calls to fetch the relevant embed data. Because these network calls can affect build times, you'll have to opt-in to using them.
Got a suggestion? File an issue!
The plugin supports a number of frequently used services by default, and they have default settings of their own.
You can configure which services you want active by passing an options object to the addPlugin
function:
Example: configure the plugin to embed all default services plus SoundCloud
1eleventyConfig.addPlugin(embedEverything, { 2 add: ['soundcloud'] 3});
Example: configure the plugin to embed only Vimeo and Instagram:
1eleventyConfig.addPlugin(embedEverything, { 2 use: ['vimeo', 'instagram'] 3});
Each service comes with some useful defaults, but you can also configure each one individually. Override each plugin’s defaults by passing an options object that includes its fully-lowercase name as the key:
1// configure YouTube videos to prohibit fullscreen 2eleventyConfig.addPlugin(embedEverything, { 3 youtube: { 4 options: { 5 allowFullscreen: false 6 } 7 } 8});
Substitute the plugin Handle (vimeo
, instagram
, and so on) in place of youtube
. Consult the individual plugin packages for their relevant defaults and options.
For more about each supported service, consult this table of relevant links.
Service | Package | Repository | Options |
---|---|---|---|
Bluesky | npm | GitHub | Options |
npm | GitHub | Options | |
Mastodon | npm | GitHub | Options |
OpenStreetMap | npm | GitHub | Options |
SoundCloud | npm | GitHub | Options |
Spotify | npm | GitHub | Options |
TED | npm | GitHub | Options |
TikTok | npm | GitHub | Options |
Twitch | npm | GitHub | Options |
npm | GitHub | Options | |
Vimeo | npm | GitHub | Options |
YouTube | npm | GitHub | Options |
No vulnerabilities found.
Reason
30 commit(s) and 8 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
SAST tool is run on all commits
Details
Reason
3 existing vulnerabilities detected
Details
Reason
Found 0/8 approved changesets -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Score
Last Scanned on 2025-05-05
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More