Embed Videos on LearnWorlds

Learn how to Embed Gumlet videos, including DRM-protected videos, on LearnWorlds with dynamic watermark and user-level analytics support

LearnWorlds has a built-in Embed learning activity that accepts any embed code, including a Gumlet video embed.

Steps to Embed:

1. Go to your course's Course outline and click Add activity on the section you want to add the video to.

2. Select the Embed category, then choose Embed.

   

3. Go to the video details page and copy the embed code (use the DRM embed code if the video is DRM-protected).

4. Paste the copied embed code into the Copy and paste your embed code box and save.

   

5. The video will play in the course player wherever you added it, including DRM-protected videos.

Dynamic watermark and User-level analytics support

LearnWorlds lets you pass logged-in user and course details straight into the embed URL as variables — no extra plugin needed. The following variables are available: {{USER_ID}}, {{USER_NAME}}, {{USER_EMAIL}}, {{COURSE_ID}}, {{COURSE_TITLE}}, {{UNIT_ID}}.

Add dynamic watermark

1. Add the watermark_text param to the embed src using any of the variables above. You can pass multiple values to show on the dynamic watermark.
2. Update the src to:

   https://play.gumlet.io/embed/6a352c7f5c94624b7740c645?watermark_text={{USER_ID}},{{USER_EMAIL}}
   

   html
   Note: The above sample src will show the LearnWorlds user ID and email
3. Verify the moving watermark on the course page to confirm this is working.

Add user level analytics

1. Gumlet accepts 3 params: gm_user_id, gm_user_name and gm_user_email.
2. Update the src to:

   https://play.gumlet.io/embed/6a352c7f5c94624b7740c645?watermark_text={{USER_ID}},{{USER_EMAIL}}&gm_user_id={{USER_ID}}&gm_user_name={{USER_NAME}}&gm_user_email={{USER_EMAIL}}
   

   html
3. To ensure everything is working correctly, we recommend verifying the src value from the browser's console (rendered HTML code).

Sample embedded code with dynamic watermark and user-level-analytics

<iframe
    loading="lazy" title="Gumlet video player"
    src="https://play.gumlet.io/embed/6a352c7f5c94624b7740c645?background=false&autoplay=false&loop=false&disable_player_controls=false&watermark_text={{USER_ID}},{{USER_EMAIL}}&gm_user_id={{USER_ID}}&gm_user_name={{USER_NAME}}&gm_user_email={{USER_EMAIL}}"
    style="border:none; height: 720px; width: 1280px;"
    referrerpolicy="origin"
    allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen;clipboard-write;">
</iframe>