Multi Vendor Marketplace Plugin | WCFM Marketplace › Forums › WCFM – Marketplace (WooCommerce Multivendor Marketplace) › How do we make the vendor store video banner fill in the whole banner space?
- This topic has 11 replies, 3 voices, and was last updated 5 years, 11 months ago by
WCFM Forum.
- AuthorPosts
- March 9, 2019 at 3:21 am #51690
Patrick
GuestRight 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?
- March 10, 2019 at 5:47 am #51800
WCFM Forum
MemberHi,
Please give me an URL to check how this looks like now!
Thank You
- March 11, 2019 at 6:22 pm #52107
miguel
Guestalso i have the same question
- March 12, 2019 at 4:46 am #52183
WCFM Forum
MemberHi,
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
- March 12, 2019 at 10:45 pm #52344
xximinabandxx
ParticipantThis reply has been marked as private. - March 13, 2019 at 4:26 am #52362
WCFM Forum
MemberHi,
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
- March 13, 2019 at 4:43 am #52370
xximinabandxx
ParticipantWhat about plugins like rev slider? They have video slides with youtube url and it will display at any size specified?
Thank you
- March 13, 2019 at 5:30 am #52374
WCFM Forum
MemberWell, 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
- March 13, 2019 at 6:01 am #52382
xximinabandxx
ParticipantThat 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?
- March 13, 2019 at 6:05 am #52383
WCFM Forum
MemberHi,
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
- March 13, 2019 at 6:18 am #52385
xximinabandxx
ParticipantAWESOME! Thank you so much!
- March 13, 2019 at 6:43 am #52390
WCFM Forum
MemberYou are welcome 🙂
- AuthorPosts
- The topic ‘How do we make the vendor store video banner fill in the whole banner space?’ is closed to new replies.