FreewayTalk

4 replies to this thread. Most Recent

t50ufo

20 Jan 2021, 4:30 pm

Video pane not centering

I have a test video using EasyHTML5Video on this page. It is fine at reduced width browser but it seems to be to the left when the desktop browser is expanded.

I have just placed the code provided from EasyHTML5Video into a markup item on the Freeway page .

What have I done wrong?

Thanks.

https://trevormckay.co.uk/BURNS/

“Astronomy compels the soul to look upwards and leads us from this world to another” Plato

waltd

20 Jan 2021, 4:51 pm

The video has a “natural width” and it won’t expand beyond that size. You could set it to center within the given space, or you could let it expand indefinitely. Let me see if I can spot why that is…

Okay, you’ve set a max-width on the video div:

    <div class="easyhtml5video" style="position:relative;max-width:1280px;">
    ...
    </div>

If you take away that property from the styles on div#easyhtml5video, then the video should be able to grow to any size. Note that it will be reduced quality at that larger size, because pixels are scaled up and get mushy.

Walter

On Jan 20, 2021, at 11:30 AM, t50ufo <email@hidden> wrote:

I have a test video using EasyHTML5Video on this page. It is fine at reduced width browser but it seems to be to the left when the desktop browser is expanded.

I have just placed the code provided from EasyHTML5Video into a markup item on the Freeway page .

What have I done wrong?

Thanks.

https://trevormckay.co.uk/BURNS/

Freeway user since 1997

http://www.walterdavisstudio.com

t50ufo

20 Jan 2021, 4:55 pm

Thanks so much for the fast reply.

I will give that a go.

T

“Astronomy compels the soul to look upwards and leads us from this world to another” Plato

t50ufo

20 Jan 2021, 5:31 pm

OK I think I would prefer to have the video just ctr. on the available space. With padding applied the container it is 972 px wide. When I change the markup to 972px (from 1280 px) the preview is showing the video container even more to the left when I expand the browser.

T

“Astronomy compels the soul to look upwards and leads us from this world to another” Plato

Back to Top

waltd

20 Jan 2021, 6:57 pm

Right. You need to add margin-left: auto and margin-right: auto to your video container, that might be enough to do it. There’s quite a layer-cake of DIVs in there, you may need to do the same on another layer up, but I’m going from memory here.

Walter

On Jan 20, 2021, at 12:31 PM, t50ufo <email@hidden> wrote:

OK I think I would prefer to have the video just ctr. on the available space. With padding applied the container it is 972 px wide. When I change the markup to 972px (from 1280 px) the preview is showing the video container even more to the left when I expand the browser.

T

Freeway user since 1997

http://www.walterdavisstudio.com