iframemanager | 🍪 GDPR friendly iframe manager written in vanilla js
kandi X-RAY | iframemanager Summary
kandi X-RAY | iframemanager Summary
iframemanager is a JavaScript library. iframemanager has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i @orestbida/iframemanager' or download it from GitHub, npm.
GDPR friendly iframe manager written in vanilla js
GDPR friendly iframe manager written in vanilla js
Support
Quality
Security
License
Reuse
Support
iframemanager has a low active ecosystem.
It has 141 star(s) with 23 fork(s). There are 7 watchers for this library.
It had no major release in the last 12 months.
There are 6 open issues and 21 have been closed. On average issues are closed in 171 days. There are no pull requests.
It has a neutral sentiment in the developer community.
The latest version of iframemanager is v1.2.3
Quality
iframemanager has no bugs reported.
Security
iframemanager has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
License
iframemanager is licensed under the MIT License. This license is Permissive.
Permissive licenses have the least restrictions, and you can use them in most projects.
Reuse
iframemanager releases are available to install and integrate.
Deployable package is available in npm.
Installation instructions, examples and code snippets are available.
Top functions reviewed by kandi - BETA
kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of iframemanager
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of iframemanager
iframemanager Key Features
No Key Features are available at this moment for iframemanager.
iframemanager Examples and Code Snippets
No Code Snippets are available at this moment for iframemanager.
Community Discussions
No Community Discussions are available at this moment for iframemanager.Refer to stack overflow page for discussions.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install iframemanager
Download the latest release or use via CDN: https://cdn.jsdelivr.net/gh/orestbida/iframemanager@1.2.1/dist/iframemanager.js
https://cdn.jsdelivr.net/gh/orestbida/iframemanager@1.2.1/dist/iframemanager.css
Import script + stylesheet: <html> <head> ... <link rel="stylesheet" href="iframemanager.css"> </head> <body> ... <script defer src="iframemanager.js"></script> <body> </html>
Configure and run: As external script Create a .js file (e.g. app.js) and import it in your html markup: <body> ... <script defer src="iframemanager.js"></script> <script defer src="app.js"></script> <body> Configure iframemanager inside app.js: (function(){ const im = iframemanager(); // Example with youtube embed im.run({ currLang: 'en', services : { youtube : { embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}', thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg', iframe : { allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;' }, languages : { en : { notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer noopener" href="https://www.youtube.com/t/terms" target="_blank">terms and conditions</a> of youtube.com.', loadBtn: 'Load video', loadAllBtn: "Don't ask again" } } } } }); })(); As inline script <body> ... <script defer src="iframemanager.js"></script> <!-- Inline script --> <script> window.addEventListener('load', function(){ const im = iframemanager(); // Example with youtube embed im.run({ currLang: 'en', services : { youtube : { embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}', thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg', iframe : { allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;' }, languages : { en : { notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer noopener" href="https://www.youtube.com/t/terms" target="_blank">terms and conditions</a> of youtube.com.', loadBtn: 'Load video', loadAllBtn: "Don't ask again" } } } } }); }); </script> <body>
Create a div with data-service and data-id attributes: <div data-service="youtube" data-id="<video-id>"></div>
Import script + stylesheet: <html> <head> ... <link rel="stylesheet" href="iframemanager.css"> </head> <body> ... <script defer src="iframemanager.js"></script> <body> </html>
Configure and run: As external script Create a .js file (e.g. app.js) and import it in your html markup: <body> ... <script defer src="iframemanager.js"></script> <script defer src="app.js"></script> <body> Configure iframemanager inside app.js: (function(){ const im = iframemanager(); // Example with youtube embed im.run({ currLang: 'en', services : { youtube : { embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}', thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg', iframe : { allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;' }, languages : { en : { notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer noopener" href="https://www.youtube.com/t/terms" target="_blank">terms and conditions</a> of youtube.com.', loadBtn: 'Load video', loadAllBtn: "Don't ask again" } } } } }); })(); As inline script <body> ... <script defer src="iframemanager.js"></script> <!-- Inline script --> <script> window.addEventListener('load', function(){ const im = iframemanager(); // Example with youtube embed im.run({ currLang: 'en', services : { youtube : { embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}', thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg', iframe : { allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;' }, languages : { en : { notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer noopener" href="https://www.youtube.com/t/terms" target="_blank">terms and conditions</a> of youtube.com.', loadBtn: 'Load video', loadAllBtn: "Don't ask again" } } } } }); }); </script> <body>
Create a div with data-service and data-id attributes: <div data-service="youtube" data-id="<video-id>"></div>
Support
For any new features, suggestions and bugs create an issue on GitHub.
If you have any questions check and ask questions on community page Stack Overflow .
Find more information at:
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page