var ytdefer_ic_w = 73;
var ytdefer_ic_h = 52;
var yt_icon =
'';
var yt_dark_icon =
'';
function ch_ytdefer_setup() {
var d = document;
var els = d.getElementsByClassName("ch_ytdefer");
for (var i = 0; i < els.length; i++) {
var im = els[i];
var ds = im.getAttribute("data-src");
if (!ds) {
alert("data-src missing for video");
return;
}
// Add ids and clicks
im.setAttribute('id', "ch_ytdefer" + i);
//im.id= ;
im.onclick = gen_ytdefer_clk(i);
//e.appendChild(im);
// Add id to button
var bt = im.getElementsByClassName("ch_ytdefer_btn")[0];
bt.setAttribute("id", "ch_ytdefer_icon" + i);
// Hover button
im.onmouseover = gen_mouseover(bt);
im.onmouseout = gen_mouseout(bt);
}
if (typeof YT == "undefined") {
var js = d.createElement("script");
js.type = "text/javascript";
js.src = "https://www.youtube.com/player_api";
d.body.appendChild(js);
}
}
function gen_mouseout(bt) {
return function() {
bt.style.backgroundImage = "url(data:image/svg+xml;base64," + window.btoa(yt_dark_icon) + ")";
};
}
function gen_mouseover(bt) {
return function() {
bt.style.backgroundImage = "url(data:image/svg+xml;base64," + window.btoa(yt_icon) + ")";
};
}
function gen_ytdefer_clk(i) {
return function() {
var d = document;
var im = d.getElementById("ch_ytdefer" + i);
// Get video id from source
var vid_id = im.getAttribute("data-src");
// Create an iframe with the responsive class and append it as a child
var ifr = d.createElement("div");
ifr.id = "ch_ytdefer_frame" + i;
ifr.classList.add("embed-responsive-item");
im.appendChild(ifr);
//Remove attributes
//im.removeAttribute('style');
// Add player
var player = new YT.Player(ifr.id, {
videoId: vid_id,
events: {
onReady: function(ev) {
ev.target.playVideo();
},
},
});
};
}