Thumbnails of YouTube Video Links?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hello,
I post a lot of links to YouTube videos in my Canvas class. In the past when I did this, it would automatically include a thumbnail of the video along with the text link. Now, the thumbnails don't appear anymore.
Does anyone know how to get the thumbnails to automatically appear each time?
I can't find it anywhere.
Thanks,
Matt
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hello there, @Crozier ...
Do you ever harvest the YouTube embed code that is provided for most videos on their website? I much prefer this method as it doesn't provide a thumbnail, but rather it displays a large video box where the video will play on the screen. There are some ways that you can display your YouTube videos on your pages given in this Guide: How do I link to a YouTube video in the Rich Conte... - Canvas Community.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
There are two options that I have found. One is to use the embed code which places a large video image on your screen. I was interested in using the thumbnails as I have in the past for organizing several videos on a page. Aesthetically, it was not working for me to simply embed a whole bunch of videos. The fix I found was in the HTML code which you can access by selecting </> on the bottom right of your edit screen.
There is now some extra embedded code that precedes your shared code
</td>
<td style="width: 49.9256%;">
<a class= "inline disabled" href="https://youtu.be/tcG1_TvfJpE" target="_blank" rel="noopener">Tidal Twister</a>
Use the find Find Function (Ctl-F) to locate "inline" or "disabled". Delete the code in front of your Video links and then save.
Hope that makes sense
</td>
<td style="width: 49.9256%;">
<a class="" href="https://youtu.be/tcG1_TvfJpE" target="_blank" rel="noopener">Tidal Twister</a>