# 16:9 Video Format

**URL:** <https://community.glideapps.com/t/16-9-video-format/41640>\
**Category:** Ask for Help\
**Created:** [May 5, 2022, 1:41am UTC](https://community.glideapps.com/t/16-9-video-format/41640 "2022-05-05T01:41:56Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ganymed](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ganymed/32/27001_2.png) [@Ganymed](https://community.glideapps.com/u/Ganymed)\
**Post date:** [May 5, 2022, 1:41am UTC](https://community.glideapps.com/t/16-9-video-format/41640/1 "2022-05-05T01:41:56Z")

</div>

Is there any update on if or when it would be available?

---

<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:** [May 6, 2022, 12:08am UTC](https://community.glideapps.com/t/16-9-video-format/41640/2 "2022-05-06T00:08:07Z")

</div>

Do you mean for Glide Apps or Glide Pages? I don’t think we have seen any mentions about it.

---

<div class="post-metadata">

**Author:** ![Ganymed](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ganymed/32/27001_2.png) [@Ganymed](https://community.glideapps.com/u/Ganymed)\
**Post date:** [May 6, 2022, 5:54pm UTC](https://community.glideapps.com/t/16-9-video-format/41640/3 "2022-05-06T17:54:54Z")

</div>

Apps, I am getting this black frame:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/2/92c64a61a117668d38e0361bf49e0e723f992bed.jpeg)

---

<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:** [May 7, 2022, 12:27am UTC](https://community.glideapps.com/t/16-9-video-format/41640/4 "2022-05-07T00:27:04Z")

</div>

No, I don’t think I have seen an ETA on it being available for Apps.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/6/36337779449448c9f170f32305cd68a00e9bdd4e.png)

You have that option for Pages, though.

---

<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:** [May 7, 2022, 1:28am UTC](https://community.glideapps.com/t/16-9-video-format/41640/5 "2022-05-07T01:28:56Z")

</div>

I usually use a bit of CSS to modify the video component to make the component inline and 16:9.

I completely agree that the video component needs some love.

---

<div class="post-metadata">

**Author:** ![Carbonsquare](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carbonsquare/32/55224_2.png) [@Carbonsquare](https://community.glideapps.com/u/Carbonsquare)\
**Post date:** [May 7, 2022, 9:59pm UTC](https://community.glideapps.com/t/16-9-video-format/41640/6 "2022-05-07T21:59:46Z")

</div>

Completely agree the video component needs some “Love”. Video is an important item these days, especially in an app. The current component makes it very hard to have the app look clean on mobile devices.

Trimming the black borders would go a long way in allowing us more flexibility in layout and a more professional look and feel to the interface.

---

<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:** [May 7, 2022, 10:13pm UTC](https://community.glideapps.com/t/16-9-video-format/41640/7 "2022-05-07T22:13:49Z")

</div>

If you want to use some css, try this in a rich text component:

```auto
<pre><span><style>

[data-test="app-video-player"] {
margin-left: 15px !important;
width: 92%;
height: 200px;
}

[data-test="app-video-player"] :nth-child(1) {
border-radius: 15px !important;
}

```

---

<div class="post-metadata">

**Author:** ![Ganymed](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ganymed/32/27001_2.png) [@Ganymed](https://community.glideapps.com/u/Ganymed)\
**Post date:** [May 19, 2022, 8:56am UTC](https://community.glideapps.com/t/16-9-video-format/41640/8 "2022-05-19T08:56:08Z")

</div>

Hi Robert, Thanks for the help. I am not using CSS, so maybe a silly question…where do I include the actual video source? Thanks

---

<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:** [May 19, 2022, 1:42pm UTC](https://community.glideapps.com/t/16-9-video-format/41640/9 "2022-05-19T13:42:40Z")

</div>

Video URL in the data table. A Video Component that points to that column. A Rich Text component that includes the CSS code I pasted above.

Result:  
 ![CleanShot 2022-05-19 at 09.42.15@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/5/a5c68aab8d66a4940d5e021dda92fa566ac914d6.jpeg)

@tristan — Would love an “Inline” option for video component along with popular ratios selection (like image component). I typically add this CSS for every screen with a video component that isn’t the first component on the screen.

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 15, 2023, 11:38pm UTC](https://community.glideapps.com/t/16-9-video-format/41640/10 "2023-07-15T23:38:41Z")

</div>

> [@Robert\_Petitto](#):
>
> ```auto
> <pre><span><style>
> 
> [data-test="app-video-player"] {
> margin-left: 15px !important;
> width: 92%;
> height: 200px;
> }
> 
> [data-test="app-video-player"] :nth-child(1) {
> border-radius: 15px !important;
> }
> 
> ```

I am trying to learn this part…does the code go in a Rich Text component above a video component and have “an effect” on that video? I can’t get videos that are in a Container on my screen to go full screen in my app…it will flash when you select full screen but goes back to the smaller version.

---

<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 16, 2023, 12:08am UTC](https://community.glideapps.com/t/16-9-video-format/41640/11 "2023-07-16T00:08:56Z")

</div>

The code only works in Classic Apps. For the new Glide Apps, you would need access to use CSS on Business/Enterprise, and most certainly have to modify it a bit to work with the new Glide Apps’ video component.

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 16, 2023, 12:33am UTC](https://community.glideapps.com/t/16-9-video-format/41640/12 "2023-07-16T00:33:31Z")

</div>

thanks! Is there something I am missing that would cause this issue? Again, Container with 7 video components and they are set to 16:9 and when I click them and try to go ‘full screen’ it will flash like it will be full and then goes back to regular size.

---

<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:** [July 16, 2023, 12:58am UTC](https://community.glideapps.com/t/16-9-video-format/41640/13 "2023-07-16T00:58:27Z")

</div>

That seems like strange behavior for sure. Can you share a loom recording?

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 16, 2023, 1:35am UTC](https://community.glideapps.com/t/16-9-video-format/41640/14 "2023-07-16T01:35:16Z")

</div>

[Video issue](https://www.loom.com/share/842944c3e4e74edaac6de9c6efec9204?sid=6fa4b269-a6a2-4f9a-962c-007dd310dbae)

---

<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 16, 2023, 2:27am UTC](https://community.glideapps.com/t/16-9-video-format/41640/15 "2023-07-16T02:27:38Z")

</div>

Is that an install on a desktop computer? Which browser are you using? Which OS? What happens if you have the window maximized to begin with? What happens if you just open the app in a normal browser window and try to do a full screen video? Something is causing the entire app to restart when you attempt to go full screen.

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 16, 2023, 11:07pm UTC](https://community.glideapps.com/t/16-9-video-format/41640/16 "2023-07-16T23:07:48Z")

</div>

Yes sir it is an install in Chrome on Windows 10 Pro. Ok when I open in a regular Chrome browser window they work just fine…but in the installed Chrome browser window it does that blink and back thingy…(technical term)…

---

<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 17, 2023, 1:03am UTC](https://community.glideapps.com/t/16-9-video-format/41640/17 "2023-07-17T01:03:43Z")

</div>

Do you have a sharable link, or a demo app that we could try? Tried doing a Google search but didn’t find much info. I’m curious if it happens for others or just yourself. Seems to me that it would be a chrome bug, but I’m not sure.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [July 17, 2023, 1:18am UTC](https://community.glideapps.com/t/16-9-video-format/41640/18 "2023-07-17T01:18:06Z")

</div>

I had an App exhibiting somewhat similar behaviour as this last week. In my case the App would load (very slowly) and then once loaded, it would drop into a cycle where it would crash and restart every 60-70 seconds. The behaviour only manifested when the App was installed, and was only observed in Safari on IOS.

After much troubleshooting with Glide Support, the issue with my App was eventually resolved simply by re-installing it 🤷‍♂️

The suggestion from Glide Engineering was that the root cause of the issue may have been related to Screen Time/Web Content Restriction settings on my Phone. Although this was never confirmed.

> <https://stackoverflow.com/questions/75943170/progressive-web-app-pwa-fails-in-ios-16-4>

I realise that the issue that @pipharvester is having is with Chrome/Windows and so is almost certainly unrelated. But the symptoms are similar, so perhaps there could be some similar Windows setting that’s getting in the way? 🤔

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 17, 2023, 1:19am UTC](https://community.glideapps.com/t/16-9-video-format/41640/19 "2023-07-17T01:19:21Z")

</div>

I just made a “copy” of the app if that will work…it has real data but can send you a link…  
and where do I get the sharable link?

From “Jeff Hager via Glide Community” \<[notifications@glideapps.discoursemail.com](mailto:notifications@glideapps.discoursemail.com)\>  
To [jerryrankin@gmail.com](mailto:jerryrankin@gmail.com)  
Date 7/16/2023 8:13:50 PM  
Subject [Glide Community] 16:9 Video Format

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [July 17, 2023, 2:07am UTC](https://community.glideapps.com/t/16-9-video-format/41640/20 "2023-07-17T02:07:20Z")

</div>

@Darren_Murphy I think it all works fine in mobile and only the Chrome installed version is showing this behavior! Thank you for the insight for sure…makes me know that the team can most assuredly find the issue. I LOVE GLIDE and this community!

From “Darren Murphy via Glide Community” \<[notifications@glideapps.discoursemail.com](mailto:notifications@glideapps.discoursemail.com)\>  
To [jerryrankin@gmail.com](mailto:jerryrankin@gmail.com)  
Date 7/16/2023 8:28:07 PM  
Subject [Glide Community] 16:9 Video Format

[Next page](https://community.glideapps.com/t/16-9-video-format/41640.md?page=2)