Embedded code
An embedded code element lets you add content like web pages, videos, audio, or other interactive items from outside sources. You can also include SCORM packages and codes that run things (like Google Maps).

Double-click on an element to view its settings.

1. HTML code
To add HTML code, select "HTML" option in element settings and paste your inline HTML code.

2. Link
To add link, select "Link" option in element settings and paste your link.

Supported links:
Youtube (embed links only);
Vimeo;
Google Docs / Slides / Sheets;
Google Maps;
Miro, Figma (embed links only);
JSFiddle, CodePen (via special embed);
Your own sites if they support iframe.
Supported links examples: https://www.youtube.com/embed/VIDEO_ID https://player.vimeo.com/video/VIDEO_ID https://www.google.com/maps/embed?...
Unsupported links:
Regular YouTube links;
Vimeo links with private settings;
Links to sites that prohibit embedding (Facebook, Instagram, GitHub);
HTTP links if the page uses HTTPS;
Links that require account login.
If the inserted link redirects to authorization or another site, then inside the embedded code it may not be displayed or freeze the redirect. The same will happen if the site requires the user to have a session (for example, authorization in Google Docs).
Many sites prohibit displaying in iframe
If the site has a HTTP header:
"X-Frame-Options: DENY"
or
"X-Frame-Options: SAMEORIGIN"
Then inserting into an iframe from another domain will not work as the browser will block loading.
If the site has a CSP HTTP header that restricts embedding, for example:
"Content-Security-Policy: frame-ancestors 'none';"
or
"Content-Security-Policy: frame-ancestors 'self';"
Then the site will not load inside the iframe.
3. Archieve
In the element settings, change the type to "Archive" and upload the SCORM package.
Specify the path to the index.html file within the uploaded SCORM package.


As a result, you will get an embedded code element with the specified path to index.html.
Last updated
Was this helpful?