How do we make the vendor store video banner fill in the whole banner space?

[Patrick]

Right now for a vendor store video banner it displays the video but it also displays it contained, instead of filling in the banner space. also is there a way to mute the audio and just have the video for the banner?

[WCFM Forum]

Hi,

Please give me an URL to check how this looks like now!

Thank You

[miguel]

also i have the same question

https://dondemercado.com/tienda/danale/

[WCFM Forum]

Hi,

I have set this, check now. But now video will look quite large and it’s height can not be controlled.

Well, CSS for this –

#wcfmmp-store .banner_video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
#wcfmmp-store .banner_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

Thank You

[xximinabandxx]

This reply has been marked as private.

[WCFM Forum]

Hi,

Well, this is not possible as I already mentioned.

YouTube has some restriction on this, it’s not possible to show video with any width-height!

Thank You

[xximinabandxx]

What about plugins like rev slider? They have video slides with youtube url and it will display at any size specified?

Thank you

[WCFM Forum]

Well, this is possible but then we have to hide part of the video.

You may add this CSS and take a look –

#wcfmmp-store .banner_area {
						position: relative;
						height: 350px;
						overflow:hidden;
					}

Thank You

[xximinabandxx]

That worked! Thank you and is there anyway I can make the video placement centered so it doesn’t play from the top of the video?

[WCFM Forum]

Hi,

Please remove CSS and use this –

#wcfmmp-store .banner_area {
						position: relative;
						height: 425px;
						overflow:hidden;
					}
					#wcfmmp-store .banner_video {
						position: relative;
						padding-bottom: 56.25%; /* 16:9 */
						height: 0;
					}
					#wcfmmp-store .banner_video iframe {
						position: absolute;
						top: -75px;
						left: 0;
						width: 100%;
						height: 100%;
					}

Thank You

[xximinabandxx]

AWESOME! Thank you so much!

[WCFM Forum]

You are welcome 🙂

[Author]

Posts