You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
close
You are viewing the article in preview mode. It is not live at the moment.
Our offices will be closed from Tuesday, December 24th through Wednesday, January 1st. We will reopen on Thursday, January 2nd. During this time, we will continue to monitor and handle critical support items, but responses to most tickets and inquiries will likely be delayed.
Customizing Embedded Video Thumbnails
print icon

When you upload/embed a video within a lesson, typically frame of the video is set as the “thumbnail” or image that shows up before you hit play.  Often, this is simply a blank black or white screen (as shown in screenshot below) and is dependent on the content of the video.

 

You can customize the thumbnail by inserting any thumbnail image of your choice to be displayed. To modify the video thumbnail image follow these steps:
 

  1. In Blueprint, navigate to the course and appropriate lesson contianting the video.
  2. Select Edit on the upper-right hand side.
  3. Locate Image icon within the WYSWYG table. 


     
  4. Choose the image file you would like to use as the thumbnail for the video and select Upload button. 
  5. Select Source button within the WYSWYG table and copy the image's screenshot link located within the editor.

  6. Add poster=image.png attribute inside the <video> tag using the copied screenshot link (replace image.png with the copied image link).


     
  7. Delete the video image link.
  8. Select Save.
  9. Click Publish changes when ready.

    The thumbnail within the lesson will be replaced with the uploaded image!

     
Feedback
0 out of 0 found this helpful

scroll to top icon