Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

Video Screen Resize and Centering

I have two questions...

The first is how to get the video component to proportionally stretch the width of the screen whether in portrait or landscape orientation. I would like it to work like YouTube does on your phone.
Image
The second question is if the first question cannot be accomplished. How would I center my video component so it is always center aligned whether you are in portrait or landscape mode?
Image
Image

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Video Screen Resize and Centering

Hi Jay,

You can add this CSS to fit to screen:precode
[name=video]{
width:100%;
height:50%;
}/code/preWhere 'video' is a video component name.

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

Video Screen Resize and Centering

Should this be inserted as a page load event or create a new css for it? I tried to do it as a page load event and the page just loads and will not open up.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Video Screen Resize and Centering

Jay,

On Page Load event you can run JavaScript only.
Please try adding as new CSS.

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

Video Screen Resize and Centering

The css did not work. It is still a set size and it is left aligned.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Video Screen Resize and Centering

Jay,

Please post a public link and tell us where we can see it. How the component should look?

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

Video Screen Resize and Centering

a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a still has share rights for my app. Is that enough? http://mitechnologies.app.appery.io/ The app has not been made public yet.

I gave screenshots of the way the videos are shown on youtube mobile earlier in this thread. Basically, I want the video component to stretch the width of the phone, tablet, etc. without losing proportion. If this isn't possible then it atleast needs to be centered on the screen.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Video Screen Resize and Centering

Jay,

Could you please also remind the app name?

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

Video Screen Resize and Centering

MI Technologies

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Video Screen Resize and Centering

Thank you! We'll take a look.

Return to “Issues”