You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
close
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