Embedding content

Embedding content

Recommended way: Platform specific block

In addition to the generic embed block, the platform has dedicated blocks for embedding content from some services that are often used.

Examples:

• YouTube: Use the Youtube block. Copy the link from the browser address bar. Example link: https://www.youtube.com/watch?v=rU232NPDVtQ.
• Vimeo: Use the Vimeo block. Copy the link from the browser address bar.
• Thinglink: Use the Thinklink block. Go to edit your ThingLink, press the share button, and select Get direct link. Example link: https://www.thinglink.com/card/1205257932048957445
• Spotify. Use the Spotify block. Go to spotify on your web brower. Copy the link from your browser address bar. Example link: https://open.spotify.com/track/2zRJYdFxMkIVivVdtE7qVu
• X / Twitter: Use the Twitter block copy the link from the browser address bar. Example link: https://twitter.com/helsinkiuni/status/1640956958583959553?cxt=HHwWgsDRgZzq7MUtAAAA

Unitube

• Use the iFrame block. Write a link in this format:
  • https://unitube.it.helsinki.fi/unitube/embed.html?id=6f9ab146-bd85-4268-802f-098003466829.
• Copy the last part from the Unitube address bar URL, example: https://www.helsinki.fi/fi/unitube/video/6f9ab146-bd85-4268-802f-098003466829 -> 6f9ab146-bd85-4268-802f-098003466829

SoundCloud

• In Soundcloud: Share -> Embed tab -> Copy the contents of the 'Code' field
• While editing page on MOOC platform: Add iFrame block -> paste code from Soundcloud -> Parse -> Save

Alternative 1: The embed block

To use the embed block, create a blank line in the editor, type /embed and select the embed block from the list. Next, paste a link to the content you want to embed.

Alternative 2: iFrame block

If you want to embed a website that is not supported by the embed block, you can try to use the Iframe block. How to use:

1. Create a new Iframe block
2. Paste either either the url of the website you want to embed or the html code that the website provides for embedding.
3. Save the page and preview the Iframe on the course material
4. If needed, change the iframe height from the sidebar

Note that even if you provide the HTML for the embed, we will only take the url from it, and put it into a sandboxed Iframe. If the html you provide contains for example script tags, we won't load them security reasons. If you need better integration than what the Iframe block provides we'll need to add support to your website to the embed block.

Please also make sure that the terms and conditions of the webpage you're trying to embed allows you to embed that page.