# Is there a way to display images and videos in the same cards component?

**URL:** <https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355>\
**Category:** Ask for Help\
**Created:** [July 31, 2020, 3:58pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355 "2020-07-31T15:58:01Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [July 31, 2020, 3:58pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/1 "2020-07-31T15:58:01Z")

</div>

Hi,

My requirements are:

1. display image and video files uploaded by the customer on their profile
2. display image and video files uploaded by all users, sorted by timestamp on the home page.

I am wondering if any one has worked out a way to display images and videos in the same Cards components. Open to other ideas. Main requirement is that the display should be visual-first (so either Tiles or Cards)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 31, 2020, 4:08pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/2 "2020-07-31T16:08:13Z")

</div>

I would give the items with video links featured images (like the video’s thumbnail), display the featured images in the card view, then the real video link inside the detailed view.

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [July 31, 2020, 4:10pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/3 "2020-07-31T16:10:32Z")

</div>

Interesting. Let me try that. Thank you.

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [July 31, 2020, 4:45pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/4 "2020-07-31T16:45:38Z")

</div>

Hey @ThinhDinh

Can you help me with video link display? I have the file format as .mov. I am using Video component to display. On playing through the video component, only the sound is audible but there is no video display.

Adding it to Card or Tile is not reading the video link.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 31, 2020, 5:40pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/5 "2020-07-31T17:40:33Z")

</div>

Glide only supports MP4. Unless you are hosting elsewhere like YouTube or Vimeo.

> **[Video](https://docs.glideapps.com/all/reference/components/media/video)**
>
> Play video from a YouTube, Vimeo or other video link.

Videos do not play within cards or tiles. Only In a video component on a details screen.

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [July 31, 2020, 5:43pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/6 "2020-07-31T17:43:48Z")

</div>

@Jeff_Hager

Ok got it. Will the MP4 videos play in the Video component?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 31, 2020, 6:23pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/7 "2020-07-31T18:23:13Z")

</div>

They should. The help document I shared is regarding the video component. It should tell you what the requirements are.

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [August 1, 2020, 3:35am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/8 "2020-08-01T03:35:30Z")

</div>

@abhilashabhatia Just a suggestion- consider displaying the gif of the video (use [GIPHY.com](http://GIPHY.com)) or paste an icon of video 🎥 on still image instead of just a still image so that users can distinguish between image and video.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 1, 2020, 3:37am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/9 "2020-08-01T03:37:02Z")

</div>

Not for this specific case but when I send emails, for videos I add a fake play icon on a still image. The image leads to the link of the video (can’t embed videos in Gmail).

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [August 1, 2020, 3:38am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/10 "2020-08-01T03:38:08Z")

</div>

Lol! The things we need to do to get attention

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [August 10, 2020, 6:09am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/11 "2020-08-10T06:09:24Z")

</div>

Hey Folks,

These are user uploaded media files. User is uploading images and video files.

I have been able to separate them out and display all images as carousel and videos as an icon and clicking on it a detailed screen.

My problem now is - Since these are user uploaded video files, they are in .MOV and .MP4 formats. Most users are iPhone users and default video file type would be .MOV. Do you know of a way to connect the uploading action to external code to convert .mov to .mp4? Or any other workaround? I can’t manually convert each video from .mov to .mp4. Expecting traffic.

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [August 10, 2020, 6:18am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/12 "2020-08-10T06:18:43Z")

</div>

Link on this page [https://docs.glideapps.com/all/reference/components/media/video](https://docs.glideapps.com/all/reference/components/media/video) for Video component tutorial is broken. The raw link displayed [https://www.youtube.com/watch?v=x6yyjmcfp\_U](https://www.youtube.com/watch?v=x6yyjmcfp_U) takes to Verge Science YouTube page.

@david

---

<div class="post-metadata">

**Author:** ![saikat](https://avatars.discourse-cdn.com/v4/letter/s/46a35a/32.png) [@saikat](https://community.glideapps.com/u/saikat)\
**Post date:** [August 12, 2020, 8:16pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/13 "2020-08-12T20:16:46Z")

</div>

Would a combination of Zapier and cloudconvert work in your case? Triggered with new/updated row on gsheets.

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [August 12, 2020, 8:53pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/14 "2020-08-12T20:53:40Z")

</div>

I just put in a feature request related to this in the app yesterday. It’s not live in the list yet but when it is, I will post to the community to please vote for it.

---

<div class="post-metadata">

**Author:** ![abhilashabhatia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abhilashabhatia/32/10618_2.png) [@abhilashabhatia](https://community.glideapps.com/u/abhilashabhatia)\
**Post date:** [September 8, 2020, 2:46am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/15 "2020-09-08T02:46:41Z")

</div>

Hey @Deena

Can you point me to the feature request you created for this?

I am still looking for a way to display video previews or first frame as image and displaying them along side images in card component.

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 8, 2020, 7:12pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/16 "2020-09-08T19:12:37Z")

</div>

Here you go!

Surprised this only has one vote. This is why I question the effectiveness of the features app. I see a ton of activity on topics in the community but it doesn’t translate into votes in the app. 🙃 @JackVaughan Can you guys streamline? I like making features requests here because it’s easy for people to hit “like” but I know @Mark is forever saying to put in the app. There should really be only one place.

 ![Screenshot 2020-09-08 at 3.09.52 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/0/0fadbb18acd83dfcdec1adc1d80f7e9b2b52ac66.jpeg)

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [September 8, 2020, 7:13pm UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/17 "2020-09-08T19:13:51Z")

</div>

My guess is that once deep-linking is possible, it will translate into a much more effective use of the Feature Requests app.

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [September 9, 2020, 2:40am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/18 "2020-09-09T02:40:06Z")

</div>

Haha @deena see here:

[https://community.glideapps.com/t/please-help-us-test-deep-links/15486/9?u=shchc](https://community.glideapps.com/t/please-help-us-test-deep-links/15486/9)

---

<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:** [September 9, 2020, 2:40am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/19 "2020-09-09T02:40:55Z")

</div>

Just like this:

# [Direct link to vote for this feature](https://features.staging.glideapp.io/ewAiAHQAIgA6ADMALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0ARgBlAGEAdAB1AHIAZQBzACIALAAiAHIAIgA6ACIAMwBDAHYAYQBtAC4ARQBMAFEASgBtAEMARABlAHMANAB0ADYAMwBsAEQAZwAiACwAIgBuACIAOgAiAEQAZQBkAGkAYwBhAHQAZQBkACAARwBsAGkAZABlACAARABhAHQAZQAgAFQAZQBtAHAAbABhAHQAZQAgAEMAbwBsAHUAbQBuACIAfQA%3D)

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [September 9, 2020, 3:09am UTC](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355/20 "2020-09-09T03:09:37Z")

</div>

It brings me back to your post. Same thing happens when I try to access staging my current ID.

I’ll post the gif tomorrow for Mark. Can’t upload video from phone.

Anyhow yes, direct link would be good.

[Next page](https://community.glideapps.com/t/is-there-a-way-to-display-images-and-videos-in-the-same-cards-component/13355.md?page=2)
