resize and center video on min and max width 980 - Responsive Theme Discussions on ThemeID: Support Community

barry

Hi,

I would like to get the video smaller on the min and max 980 screens
the other sizes the video looks good in the mobile

I almost got it by adding margins to post-entry and setting them on each query size but is messes up all the other pages

is there a way to just make the post-entry have margins on just my video page?

my video page - http://webmo.mobi/videos/
Barry

Emil Uzelac

Hi Barry,

The easiest methot would be to switch from full width to default or any other Page Template. But also adding a DIV around your videos like:

<div class="my-videos">
    <iframe src="http://www.youtube.com/embed/iBOXj7ncEyE"; frameborder="0" allowfullscreen="" id="fitvid557652"></iframe>
</div>

and in Theme Options > Custom CSS

.my-videos {
     display: block;
    margin: 0 auto;
    max-width: 75%;
}

You can insert all videos under the same layer, but also individually.

Thanks,
Emil

barry wrote:

Hi,

I would like to get the video smaller on the min and max 980 screens
the other sizes the video looks good in the mobile

I almost got it by adding margins to post-entry and setting them on each query size but is messes up all the other pages

is there a way to just make the post-entry have margins on just my video page?

my video page - http://webmo.mobi/videos/
Barry

barry

Emil, That worked fine except the aspect ratio got distorted
something about the height?

Barry

Emil Uzelac wrote:
Hi Barry,

The easiest methot would be to switch from full width to default or any other Page Template. But also adding a DIV around your videos like:
<div class="my-videos">
    <iframe src="http://www.youtube.com/embed/iBOXj7ncEyE"; frameborder="0" allowfullscreen="" id="fitvid557652"></iframe>
</div>
and in Theme Options > Custom CSS
.my-videos {
     display: block;
    margin: 0 auto;
    max-width: 75%;
}
You can insert all videos under the same layer, but also individually.

Thanks,
Emil

barry wrote:

Hi,

I would like to get the video smaller on the min and max 980 screens
the other sizes the video looks good in the mobile

I almost got it by adding margins to post-entry and setting them on each query size but is messes up all the other pages

is there a way to just make the post-entry have margins on just my video page?

my video page - http://webmo.mobi/videos/
Barry

barry

Hi Emil,
thankyou for your response it worked fine except
aspect ration got distorted the height is to small

I was just reading somewhere about problems with height
when resizing responsive video do you know how to fix this?

Thankyou

Barry

barry

Hi Emil,

Please cancel my last question..I am finding that putting margins on the
post-entry class works as long as I reduce the margins to zero on the smaller screens works.
this seems to be the best way to go, the width of the post section is kind of two wide anyway
my opinion and this gets everything where i like it ..I am thiniking the only way to really tackle this video issue is get a premium responsive player...
Barry

Emil Uzelac

No problem, I can see the videos fine from my end

Emil

barry wrote:

Hi Emil,

Please cancel my last question..I am finding that putting margins on the
post-entry class works as long as I reduce the margins to zero on the smaller screens works.
this seems to be the best way to go, the width of the post section is kind of two wide anyway
my opinion and this gets everything where i like it ..I am thiniking the only way to really tackle this video issue is get a premium responsive player...
Barry

Howdy, Stranger!

Categories

In this Discussion

Most Popular This Week