[fst_designParticipant]

Hi,

I am looking for a way to use the embedded video, where when i resize the size of my browser, the video fits snuggly without the black borders. THat it response in proportion.

At the moment, when the browser width is narrow, the video has long borders top and bottom.

I have tried self-host – but it doesnt support looping
I’ve also tried revolutionary slider, but the way it resizes when the browsers width is narrow, the video is cropped quite badly.

Sorry I am not able to provide my url, as I am working on it locally..

Wordpress version: 3.9.1
theme version: X – 2.2.0 / Child theme – 1.0.0
shortcode plugin: 2.3.3

All i need is a video that resizes proportionately, where at all times you can see all content of the video (As a homepage header), it doesnt matter if it reveals content below (text, other info).

I’ve been trying so hard before writing this.
Thankyou for all the forum and support that I can dig around and try, but just feeling a bit defeated at the moment to find a good way to present the video.

Thanks so much!!

Audrey

p.s.

image for your reference
http://postimg.org/image/4lqujgu9v/

my iframe code is
<iframe src=”//www.youtube.com/embed/HTg2wneDtVY?rel=0&controls=0&showinfo=0;autoplay=1&loop=1&playlist=HTg2wneDtVY;” width=”1280″ height=”720″ frameborder=”0″></iframe>

i have tried putting this

.with-container {
border: 0;
}

and

.x-responsive-video.x-responsive-video-shortcode {
margin-bottom: 0.15em;
}

into customizer > custom > css

[CousettMember]

Can you confirm that you are fully updated? (Theme and Plugins)

The latest version of X is 2.6.0 and the x-shortcodes plugin is 2.5.0. Please verify you have both of these versions, they need to be in sync or Javascript issues can occur.

You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

[fst_designParticipant]

Hi, how to I update the theme and shortcode plugin if I am working locally at the moment?

thanks!

[CousettMember]

The shortcode is located in the zip file for X and that can be expanded and moved to your local plugins directory.

[fst_designParticipant]

i cant find it…. can you give me the path? or more directions?

[ChristopherModerator]

Hi there,

For updating X shortcode go to YOUR THEME -> wp-content -> plugins and put the unzip folder of x shortcode in there.

For updating your theme follow:theme.co/x/member/kb/updating-your-theme-and-plugins/

Hope it helps.

[fst_designParticipant]

Hi I am all upgraded now, could you help me with my initial problem?

It would be great if you can provide more possible solutions, as with time difference, I would only be able to get your replies once a day, living in Sydney.

Thanks!
Audrey

[ChristopherModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[fst_designParticipant]

Please read my initial email with what I actaully need help from, I have already mentioned I am working locally and do not have a url.

This has been a week already without some solution. Please read through the whole thread to ensure that you understand what I am asking for and what I can provide.

Looking forward to you reply about the solutions in regards to the video solution that I need.

Thankyou

Audrey

[ChristianModerator]

Hey there,

The video already fits snuggly. The black border is in your video (see http://prntscr.com/4xw5db). Please edit your video to span the whole width of the frame like https://www.youtube.com/watch?v=A3PDXmYoF5U

Thanks.

[fst_designParticipant]

Hi, to clarify, by black borders I mean the top and bottom black areas.
Is it possible to have the bottom content moving up, instead of creating black borders there?

Thanks!

[fst_designParticipant]

To clarify

Is there a way where the video can resizes like it would with the self-host-video short code (where video resizes proportionately fitting the whole width of browser), but also loop and autoplay?

[Paul RModerator]

Hi,

To fix it, you can add an inline style(style=”width:1280px !important;”) to your iframe like this.

<iframe src="//www.youtube.com/embed/HTg2wneDtVY?rel=0&controls=0&showinfo=0;autoplay=1&loop=1&playlist=HTg2wneDtVY;" width="1280" height="720" frameborder="0" style="width:1280px !important;"></iframe>

You’ll need to match it with the width of your iframe.

eg. iframe has width=”1000″ add style=”width:1000px !important;”

Hope that helps.

[fst_designParticipant]

THankyou!! that helped 😀

[fst_designParticipant]

Is it possible to not have the youtube logo at the right bottom corner showing when my mouse hovers over the video?

[Author]

Posts