geodgeod

The fix to the user.ini – worked like a charm. Thanks all. I do personally hope that it is fixed in a future update to the plugin though, it’s annoying to have to take that action.

@kuba

I want to do the opposite and beef up the cookies. I didn’t see a way to contact you but tell me if this is possible currently?

What I am looking to achieve is that when a user comes to my site they immediately encounter a pop up that says are you a man or a woman or other (choose x or y or z) then once they choose they go to that part of the site (and no it isn’t a adult site ;). A cookie then remembers their choice and each time they return they are automatically redirected to their choice.

Is this something your plugin does currently?
Let me know and thanks so much.

I’ll try to share my explaination.
Basically I needed a video background on a div and then needed to add some text on top of the video.

It looked something like this:

<!-- Start Video Background on Element - Make sure the div id  is the same as the containment id in the data-proerty below-->

<div id="ml-background-video-wrapper" class="mbYTPMovie" data-property="{videoURL:'https://www.youtube.com/watch?v=diZQeRX_u2I', containment:'#ml-background-video-wrapper', showControls:false, autoPlay:true, loop:true, mute:true, startAt:0, opacity:1, addRaster:false, optimizeDisplay: true, realfullscreen: true, quality:'default'}">

<!-- Text overlaid on top of the video-->

<div class="ml-background-video-text">
<h1>Text!</h1>
<h2>Longer Text.</h2>
</div>

<!-- End Text overlaid on top of the video-->

</div>

<!-- End Start Video Background on Element -->

Then the CSS and make sure to include a background image for mobile on the containing div:

#ml-background-video-wrapper {
margin: 2.3em auto 0.0em auto !important;
background-color: transparent !important;
  overflow: visible !important;
      z-index: 0;
    background-size: 100% 100%;
    top: 0px;
    left: 0px; /* fixed to left. Replace it by right if you want.*/
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 500px;
background: url(http://yoururl.com) no-repeat;
}

.ml-background-video-text h1 {
	font-size: 6.0em !important;
  font-size: 7.5vh !important;
  font-weight: 400;
  text-align: center;
  text-shadow: 0px 0px 3px #fff;
  width: 72%;

}

.ml-background-video-text h2 {
	padding-top: 0% !important;
	font-size: 3.0em !important;
  font-size: 3.5vh !important;
  font-weight: 600;
  background: #333333;
  text-align: center;
  text-shadow: 0px 0px 3px #fff;
}

Hopefully that helps 🙂

@kavin – is there a solution to this please. I’ve tried your tutorial and they aren’t working as of now. Please let us know – appreciate it.

Bobdowne (or anyone) – would you kindly post and share the code you used if you figured this out. Would be very helpful 🙂

Good day all –
Did you figure out how to do this or create the plugin? Any help will be greatly greatly appreciate. Let me know and thanks!