{"id":21391241,"url":"https://github.com/reatlat/eleventy-plugin-vidyard","last_synced_at":"2026-03-16T13:32:44.648Z","repository":{"id":57697677,"uuid":"495991510","full_name":"reatlat/eleventy-plugin-vidyard","owner":"reatlat","description":"An Eleventy shortcode, allows to be embedded Vidyard into templates by using Vidyard API v4.","archived":false,"fork":false,"pushed_at":"2025-06-15T14:54:42.000Z","size":226,"stargazers_count":2,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-15T15:52:24.281Z","etag":null,"topics":["11ty","11ty-plugin","eleventy","eleventy-plugin","npm-package","vidyard"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/eleventy-plugin-vidyard","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reatlat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"reatlat","custom":"https://www.paypal.me/reatlat"}},"created_at":"2022-05-24T21:20:47.000Z","updated_at":"2024-03-03T22:07:55.000Z","dependencies_parsed_at":"2025-05-18T19:37:44.584Z","dependency_job_id":null,"html_url":"https://github.com/reatlat/eleventy-plugin-vidyard","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/reatlat/eleventy-plugin-vidyard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-vidyard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-vidyard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-vidyard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-vidyard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reatlat","download_url":"https://codeload.github.com/reatlat/eleventy-plugin-vidyard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reatlat%2Feleventy-plugin-vidyard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265178354,"owners_count":23723244,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["11ty","11ty-plugin","eleventy","eleventy-plugin","npm-package","vidyard"],"created_at":"2024-11-22T13:24:34.853Z","updated_at":"2025-12-24T16:51:52.595Z","avatar_url":"https://github.com/reatlat.png","language":"JavaScript","funding_links":["https://github.com/sponsors/reatlat","https://www.paypal.me/reatlat"],"categories":[],"sub_categories":[],"readme":"# eleventy-plugin-vidyard\n[![npm](https://img.shields.io/npm/v/eleventy-plugin-vidyard.svg)](https://npmjs.com/package/eleventy-plugin-vidyard)\n[![npm](https://img.shields.io/npm/dt/eleventy-plugin-vidyard.svg)](https://npmjs.com/package/eleventy-plugin-vidyard)\n[![license](https://img.shields.io/npm/l/eleventy-plugin-vidyard.svg)](https://npmjs.com/package/eleventy-plugin-vidyard)\n\nAn Eleventy [shortcode](https://www.11ty.dev/docs/shortcodes/), allows to be embedded [Vidyard](https://www.vidyard.com/) into templates by using Vidyard API v4.\n\n**[Demo](https://eleventy-plugin-vidyard.netlify.app/)**\n\n## Installation\nInstall the plugin from [npm](https://www.npmjs.com/package/eleventy-plugin-vidyard):\n\n```\nnpm install eleventy-plugin-vidyard --save-dev\n```\n\n\nAdd it to your [Eleventy Config](https://www.11ty.dev/docs/config/) file:\n\n**ESM (Recommended for Eleventy 3.x):**\n```js\nimport eleventyPluginVidyard from 'eleventy-plugin-vidyard';\n\nexport default function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginVidyard);\n}\n```\n\n**CommonJS:**\n```js\nconst eleventyPluginVidyard = require('eleventy-plugin-vidyard');\n\nmodule.exports = function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginVidyard);\n};\n```\n\n\nAdvanced usage:\n\n**ESM:**\n```js\nimport eleventyPluginVidyard from 'eleventy-plugin-vidyard';\n\nexport default function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginVidyard, {\n        script: true,\n        class: 'vidyard-player-embed',\n        version: 4,\n        type: 'inline'\n    });\n}\n```\n\n**CommonJS:**\n```js\nconst eleventyPluginVidyard = require('eleventy-plugin-vidyard');\n\nmodule.exports = function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginVidyard, {\n        script: true,\n        class: 'vidyard-player-embed',\n        version: 4,\n        type: 'inline'\n    });\n};\n```\n\n\n## What does it do?\nThe plugin turns [11ty shortcodes](https://www.11ty.dev/docs/shortcodes/) like this:\n\n```nunjucks\n{% vidyard \"https://share.vidyard.com/watch/Cse5Fqy1CpUWqYdtikKrFy?embeded=true\" %}\n```\n\ninto HTML code like this:\n\n```html\n\u003cscript src=\"https://play.vidyard.com/embed/v4.js\" type=\"text/javascript\" async\u003e\u003c/script\u003e\n\u003cimg style=\"max-width: 100%;\"\n     class=\"vidyard-player-embed\"\n     src=\"https://play.vidyard.com/Cse5Fqy1CpUWqYdtikKrFy.jpg\"\n     data-uuid=\"Cse5Fqy1CpUWqYdtikKrFy\"\n     data-v=\"4\"\n     data-type=\"inline\" /\u003e\n        \n```\n\n\n## Custom Usage\nVidyard documentations says, the script tag should live in the head of your page if at all possible.\n\nIn that case, we can disable rendering script within embedded player, and place main script on the head of website manually\n\n```html\n\u003chead\u003e\n    ...\n    \u003c!-- The script tag should live in the head of your page if at all possible --\u003e\n    \u003cscript src=\"https://play.vidyard.com/embed/v4.js\" type=\"text/javascript\" async\u003e\u003c/script\u003e\n    ...\n\u003c/head\u003e\n```\n\nand set config file to:\n\n**ESM:**\n```js\nexport default function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginVidyard, {\n        script: false\n    });\n}\n```\n\n**CommonJS:**\n```js\nmodule.exports = function (eleventyConfig) {\n    eleventyConfig.addPlugin(eleventyPluginVidyard, {\n        script: false\n    });\n};\n```\n\nor by passing options to shortcode directly (Nunjucks):\n\n```nunjucks\n{% vidyard \"https://share.vidyard.com/watch/Cse5Fqy1CpUWqYdtikKrFy?embeded=true\", {\n    script: false,\n    class: 'vidyard-player-embed my-custom-class',\n    version: 4,\n    type: 'inline'\n} %}\n```\n\n\n## Liquid Template Usage\n\nLiquid templates don't support passing objects to shortcodes. Instead, you can pass extra CSS classes as a string argument:\n\n```liquid\n{% vidyard \"https://share.vidyard.com/watch/VIDEO_ID\" %}\n\n{% comment %} With extra classes (appended to default class) {% endcomment %}\n{% vidyard \"https://share.vidyard.com/watch/VIDEO_ID\" \"my-custom-class another-class\" %}\n```\n\nFor other options like `script: false`, configure them globally in your Eleventy config file.\n\n\n## Contributing\nIf you notice an issue, feel free to [open an issue](https://github.com/reatlat/eleventy-plugin-vidyard/issues).\n\n1. Fork this repo\n2. Clone `git clone git@github.com:reatlat/eleventy-plugin-vidyard.git`\n3. Install dependencies `npm install`\n4. Build `npm run build`\n5. Serve locally `npm run dev`\n\n\n## License\nThe code is available under the [MIT license](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freatlat%2Feleventy-plugin-vidyard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freatlat%2Feleventy-plugin-vidyard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freatlat%2Feleventy-plugin-vidyard/lists"}