‘,
play = ‘‘;
return thumb.replace(“ID”, id) + play;
}
function labnolIframe() {
var iframe = document.createElement(“iframe”);
var embed = “https://www.youtube.com/embed/ID?autoplay=1&modestbranding=1&rel=0”;
/* We set autoplay, removed YouTube logo, and no related end videos */
iframe.setAttribute(“src”, embed.replace(“ID”, this.dataset.id));
iframe.setAttribute(“frameborder”, “0”);
iframe.setAttribute(“allowfullscreen”, “1”);
this.parentNode.replaceChild(iframe, this);
}
.youtube-player {
position: relative;
padding-bottom: 56.23%;
/* Use 75% for 4:3 videos */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 5px;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
rotate: 180deg;
height: 128px;
width: 128px;
left: 50%;
top: 50%;
margin-left: -64px;
margin-top: -64px;
position: absolute;
background: url(“//upload.wikimedia.org/wikipedia/commons/1/14/Glossy_3d_blue_arrowhead_left.png”) no-repeat;
cursor: pointer;
background-size: 100%;
}
An easy way to boost revenue is to present another offer immediately after a successful purchase. When we allow that additional purchase to be made with a single click, it capitalizes on the excitement and momentum of their previous purchase; having the customer submit another form would introduce unnecessary friction. For this recipe, we are going to first create a payment plan, then create an action set to generate the upsell product order, and finally connect it all within a campaign. Once this is done, we’ll connect the one-click upsell to the order form.
