# Video Component

**URL:** <https://community.glideapps.com/t/video-component/1628>\
**Category:** Ask for Help\
**Created:** [November 3, 2019, 6:15am UTC](https://community.glideapps.com/t/video-component/1628 "2019-11-03T06:15:29Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Pete\_James](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pete_james/32/271_2.png) [@Pete\_James](https://community.glideapps.com/u/Pete_James)\
**Post date:** [April 22, 2020, 4:48pm UTC](https://community.glideapps.com/t/video-component/1628/4 "2020-04-22T16:48:12Z")

</div>

Here is a workaround to display video thumbnail in list/tile component:

- setup your sheet to take the info you want to display in the tile e.g. a column for video name and youtube url.
- then add column to extract the youtube video code from the url and apply the formula to the entire column. The formula looks like this: =ArrayFormula(iferror(REGEXEXTRACT(B2:B, “youtu(?:.\*/v/|._v=|.be/|._?embed/)([A-Za-z0-9\_-]{11})”), “”))
- then add column to extract a thumbnail from the youtube video code and again, apply the formula to the entire column. The formula looks like this: =ArrayFormula(if(C2:C = “”, “”, IMAGE(REPLACE(“[https://i3.ytimg.com/vi/IMG/hqdefault.jpg](https://i3.ytimg.com/vi/IMG/hqdefault.jpg)”,25,3,C2:C), 4, 80, 120)))
- then add column to extract a url to the thumbnail, apply the formula to the entire column: =ArrayFormula(if(C2:C = “”, “”, (REPLACE(“[https://i3.ytimg.com/vi/IMG/hqdefault.jpg](https://i3.ytimg.com/vi/IMG/hqdefault.jpg)”,25,3,C2:C))))
- you might want to hide the first row of each column that contains the formula.
- you can now keep adding youtube video links to new rows and the formulas will automatically generate a thumbnail you can point your tile component to, which then link to the video url.

Example:

> **[Video tiles](https://docs.google.com/spreadsheets/d/18uyu05XIAU20ODgj8ufNrULNgCmEQJz7vypzphMcrXE/edit?usp=sharing)**
>
> Videos
> 
> Video Name,Video,Video code,Thumbnail,Thumbnail URL
> ,,
> Coffee ,\<a href="https://www.youtube.com/watch?v=iI09bbH22vQ"\>https://www.youtube.com/watch?v=iI09bbH22vQ\</a\>,iI09bbH22vQ,\<a...

Hope this helps.

---

_[View the full topic](https://community.glideapps.com/t/video-component/1628)._