‘,
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%;
}
Scheduling an appointment with someone is useless unless the appointment actually occurs. We can improve our chances of the appointment occurring by sending automated reminders leading up to the appointment date.
This recipe is about building a workflow tool that can easily be operated after a user has put the scheduled appointment in their appropriate system of existence (online calendar, offline calendar, mobile device, and so on).
