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

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

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?

Viewing 11 reply threads
  • Author
    Posts
    • #51690
      Patrick
      Guest

      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?

    • #51800
      WCFM Forum
      Keymaster

      Hi,

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

      Thank You

    • #52107
      miguel
      Guest

      also i have the same question

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

    • #52183
      WCFM Forum
      Keymaster

      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

    • #52344
      xximinabandxx
      Participant
      This reply has been marked as private.
    • #52362
      WCFM Forum
      Keymaster

      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

    • #52370
      xximinabandxx
      Participant

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

      Thank you

    • #52374
      WCFM Forum
      Keymaster

      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

    • #52382
      xximinabandxx
      Participant

      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?

    • #52383
      WCFM Forum
      Keymaster

      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

    • #52385
      xximinabandxx
      Participant

      AWESOME! Thank you so much!

    • #52390
      WCFM Forum
      Keymaster

      You are welcome 🙂

Viewing 11 reply threads
  • The topic ‘How do we make the vendor store video banner fill in the whole banner space?’ is closed to new replies.