How do I embed a video into my course?

You can embed video into your course content or test question page.

Embed Video takes an embed link (generally .html by a streaming provider such as YouTube) and shows that source’s player, which in turn streams the video.

To embed a video:

  1. Select the Embed Video button from the Insert tab.
  2. Select the area of the page where you want to position the top left corner of the object (you can move or re-size it later).
  3. The Embedded Video Properties right-panel opens.
  4. Enter the embed link in the Source field.
    1. Obtain the embed link from the streaming provider. For example, from YouTube, select your video.
    2. Select the Share button under the video player.
    3. Select the Embed button. Another field opens below containing an embed code. There are also options you can select to customize the player (see note below). The options you select change the embed code, so make your selections first and then click the Embed code field..
    4. Copy the code from the Embed field and paste it into the Source field in Claro.
  5. Select the Verify button. The width and height of the video will be automatically detected when you verify the embed source.
  6. You can add a Title, Description, and Tags on the Details tab.
  7. Select the Update button to finish.
Tips for YouTube Embeds: 
  • Ensure "Show suggested videos when the video finishes” is deselected if you don’t want other distracting videos to display at the end of your selected video.
  • Select “Enable privacy-enhanced mode” so that a YouTube cookie will not be set until the user plays the video.
  • Add some YouTube player parameters to autohide the player controls, remove the YouTube logo from the player controls, hide the information appearing at the top before the video plays, and loop the video so the end screen doesn’t show: After the question mark and “rel=0” (the code pertaining to the related videos), add: &autohide=1&modestbranding=1&showinfo=0&loop=1&playlist=VIDEO_ID (where VIDEO_ID is the number of your video which is after embed/ and before the question mark).

e.g., video tag is

<iframe width="420" height="315" src=" oHg5SJYRHA0" frameborder="0"></iframe>

Change to:

<iframe width="420" height="315" src=" oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>

To see our YouTube video of this process in Claro, play Embed a YouTube video in Claro QuickView:


See the YouTube links Embed a YouTube video – YouTube Help and YouTube Embedded Player Parameters for more information. Note: Right-click to open these links in a new tab or window.

Tips for Brightcove Embeds:

To ensure the embed functions across all browsers and devices we recommend the following edits (shown in bold font) be applied to the default embed code provided by Brightcove.

 <!-- Start of Brightcove Player -->

<div style="display:none">



By use of this code snippet, I agree to the Brightcove Publisher T and C found at


<script language="JavaScript" type="text/javascript" src=""></script>

<object id="myExperience2938213698001" class="BrightcoveExperience">

  <param name="bgcolor" value="#FFFFFF" />

  <param name="width" value="576" />

  <param name="height" value="324" />

  <param name="playerID" value="2916067125001" />

  <param name="playerKey" value="AQ~~,AAACpq3DS-E~,AMgQyIT1gNhz4I7QATMsoRBvs4ut2nKg" />

  <param name="isVid" value="true" />

  <param name="isUI" value="true" />

  <param name="dynamicStreaming" value="true" />

  <param name="@videoPlayer" value="2935581894001" />

  <param name="autoStart" value="false" />

  <param name="secureConnections" value="true" />

  <param name="secureHTMLConnections" value="true" />

  <param name="wmode" value="transparent" />



This script tag will cause the Brightcove Players defined above it to be created as soon as the line is read by the browser. If you wish to have the player instantiated only after the rest of the HTML is processed and the page load is complete, remove the line.


<script type="text/javascript">brightcove.createExperiences();</script>

<!-- End of Brightcove Player -->

Media: images and more

  1. How do I add an image to a page? How do I add media such as a Flash movie, video, or audio?
  2. How do I add audio to a page?
  3. How do I add Rollover states (new image) to an image?
  4. How do I apply Advanced CSS Styles to media and buttons in Claro?
  5. How do I change a media asset on my page? How do I replace an image or other media on my page?
  6. How do I create a chart in Claro?
  7. How do I edit a chart?
  8. How do I copy a chart?
  9. How do I edit an image added to my page using Image Tools? How do I use the Image Editor?
  10. How do I email an attachment to Claro and import it to the Media Library? How do I send media from my mobile smartphone to Claro?
  11. How do I insert a speech bubble using the Speech Bubbles Browser?
  12. How do I insert a symbol shape using the Symbols Browser?
  13. How do I embed a video into my course?
  14. How do I insert an embedded web page (From URL) onto my course page?
  15. How do I insert clip art using the ClipArt Browser?
  16. How do I insert streaming media such as a video (Media Stream) onto my course page?
  17. How do I insert, edit, update, or delete media in the Media Library?
  18. How do I record activity on my screen or in a running application?
  19. How do I record and insert an audio video stream or a still snapshot from my Webcam onto my Claro page (Page Video or AV Publisher)?
  20. How do I replace media used in course pages with new media? How do I update media or an image?
  21. How do I reset the dimensions of an element (image, Flash, video) if I've distorted it?
  22. How do I upload media from my computer to the Media Library? How do I insert media from the Library into my page?
  23. How do I upload or import a compressed zip file to the Media Library?
  24. Media playback (play, pause, toggle, replay) element interactions on button action triggers
  25. People Browser or How do I insert a character or person image?
  26. Stock Image Asset Browsers: People, Bubbles, Symbols, and Clipart
  27. The Media Browser
  28. The Media Library
  29. Upload video and audio file types
  30. Video delivery in Claro: What is progressive download and streaming video?
  31. Video encoding, conversion, and editing tools (video converters and editors)
  32. Video size (width and height) when exporting in order to import into Claro
  33. What are the Audio Settings I can use in the audio context-specific tab to control or change an audio clip?
  34. What are the different types of charts I can make and when should I use each type?
  35. What are the Flash Settings I can use in the Flash context-specific tab to control or change a Flash movie (swf file)?
  36. What are the image borders and effects I can add using the Design tab? (Thin, Thick, Picture, Bevel, Shadow, Mirror, Rounded)
  37. What are the Image Tools I can use in the image context-specific tab to change or modify an image?
  38. What are the Playback options for audio and video control?
  39. What are the Video Settings I can use in the video context-specific tab to control or change a video?
  40. How do I resize an element on the stage?
  41. When is Flash used in Claro courses? What is the Audio Video Media Player?
  42. How do I create a poster image for video or Flash files?
  43. How do I add labels to an image?
  44. How do I edit / delete Image Labels?
  45. My MP4 video plays sound but the video is black (no picture) on my Android

Feedback and Knowledge Base