# Video Gallery Thumbnail Image Tiles View

**URL:** <https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831>\
**Category:** Feature Requests\
**Created:** [December 12, 2019, 4:00pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831 "2019-12-12T16:00:58Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Makkers](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_makkers/32/2139_2.png) [@David\_Makkers](https://community.glideapps.com/u/David_Makkers)\
**Post date:** [December 12, 2019, 4:00pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/1 "2019-12-12T16:00:58Z")

</div>

I have a file picker component that allows me to upload images/video to spreadsheet. Image thumbnails appear in tile view, but video thumbnail is blacked out. Allow tile view to display thumbnail of (first second?) of video (similar to that of the video component).

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 12, 2019, 5:22pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/2 "2019-12-12T17:22:36Z")

</div>

Where is the video hosted? You tube? If it is you need to upload this url [https://img.youtube.com/vi/xxx/0.jpg](https://img.youtube.com/vi/xxx/0.jpg) and replace the xxx with the individual video id

---

<div class="post-metadata">

**Author:** ![David\_Makkers](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_makkers/32/2139_2.png) [@David\_Makkers](https://community.glideapps.com/u/David_Makkers)\
**Post date:** [December 12, 2019, 5:36pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/3 "2019-12-12T17:36:00Z")

</div>

Hey Jason!

The video file would come from a users iPhone/Android device? So the video file would appear be in a video format uploaded to the app through the filepicker functionality in theory.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 12, 2019, 5:37pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/4 "2019-12-12T17:37:42Z")

</div>

Oh ok, can’t help with that as I have only used YouTube videos so far, maybe someone else will have an answer, sorry

---

<div class="post-metadata">

**Author:** ![David\_Makkers](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_makkers/32/2139_2.png) [@David\_Makkers](https://community.glideapps.com/u/David_Makkers)\
**Post date:** [December 12, 2019, 6:02pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/5 "2019-12-12T18:02:47Z")

</div>

Hey,

I am curious to see how you’ve been able to add YouTube videos to your app.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 12, 2019, 6:14pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/6 "2019-12-12T18:14:01Z")

</div>

Here you go my friend have a read [https://docs.glideapps.com/all/reference/components/media/video](https://docs.glideapps.com/all/reference/components/media/video)

---

<div class="post-metadata">

**Author:** ![David\_Makkers](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_makkers/32/2139_2.png) [@David\_Makkers](https://community.glideapps.com/u/David_Makkers)\
**Post date:** [December 12, 2019, 9:33pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/7 "2019-12-12T21:33:59Z")

</div>

@Rosewebstudio That’s a neat trick for youtube videos…what about the videos that are hosted by glide? This is the URL that’s generated after I upload a video:

[https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2FP80yO4MuwbK12dhJ4p6h%2F3de160.quicktime?alt=media](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2FP80yO4MuwbK12dhJ4p6h%2F3de160.quicktime?alt=media)

Is there a way to pull a thumbnail from this URL? Here are the tags for this file:  
{  
“name”: “img-uploads/P80yO4MuwbK12dhJ4p6h/85e2a8.quicktime”,  
“bucket”: “[glide-prod.appspot.com](http://glide-prod.appspot.com)”,  
“generation”: “1576165554409492”,  
“metageneration”: “2”,  
“contentType”: “video/quicktime”,  
“timeCreated”: “2019-12-12T15:45:54.409Z”,  
“updated”: “2019-12-12T21:06:13.442Z”,  
“storageClass”: “STANDARD”,  
“size”: “405637”,  
“md5Hash”: “CQ9EZuKjcdyVM93HtUL7ig==”,  
“contentEncoding”: “identity”,  
“crc32c”: “edVWWA==”,  
“etag”: “CJSg6Z+6sOYCEAI=”,  
“downloadTokens”: “a12c6427-91aa-443a-88a9-4971fe05595d”  
}

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 12, 2019, 10:15pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/8 "2019-12-12T22:15:18Z")

</div>

No worries, no I don’t know the answer to that, yet. If I work it out I will let you know

---

<div class="post-metadata">

**Author:** ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)\
**Post date:** [December 13, 2019, 11:05pm UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/9 "2019-12-13T23:05:39Z")

</div>

I read somewhere that the default thumbnail of a video is pulled from the 5 second mark. Its’ possible that since your video is only 2 seconds long that the default that Glide is using can’t be obtained since there is not 5 second point. The second point is that it downloaded as a .mov file. Glide only supports .mp4’s. You only mentioned that the thumbnail is black. Does the video play at all?

That said it appears to me that on my MacBook in Finder the thumbnail that shows is from frame 1, or the very beginning of the video. I do have a questions however. Would the typical video your users would want to upload be under 10 meg? Because that is the file size limit of files uploaded to Glide. I think you will find that allowing users to upload videos from their phones into your Glide app will be very limiting because of the file size upload limitations.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 5, 2020, 3:36am UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/10 "2020-02-05T03:36:54Z")

</div>

I’m experiencing the same thing! I managed to find a way to display tile view thumbnails of uploaded video from Google Drive and from YouTube, but captured video from my iPhone results in an empty image component (take a look here: [filteredlist.glideapp.io](http://filteredlist.glideapp.io))

---

<div class="post-metadata">

**Author:** ![Gregorio\_Martinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gregorio_martinez/32/7299_2.png) [@Gregorio\_Martinez](https://community.glideapps.com/u/Gregorio_Martinez)\
**Post date:** [May 24, 2020, 1:38am UTC](https://community.glideapps.com/t/video-gallery-thumbnail-image-tiles-view/2831/11 "2020-05-24T01:38:50Z")

</div>

Sweet. That did the trick!  
Gracias!
