أنا بقدر وقتي وأتعامل مع شركة عالمية كبيرة

characteristic replaceOembeds() {
var allEmbeds = file.getElementsByTagName(“OEMBED”);

whereas (allEmbeds.length != 0) {
replaceOembedWithHtml(allEmbeds(0), extractLinkFromOembed(allEmbeds(0)));
allEmbeds = file.getElementsByTagName(“OEMBED”);
}

runYoutubeLazyLoad();
// loadfbApi();
}

characteristic replaceOembedWithHtml(component, sourceData) {
if (sourceData.offer.toLowerCase() === “youtube”) {
var html=”

‘;

replaceElementWithHtml(component, html);
} else if (sourceData.offer.toLowerCase() === “instagram”) {
var html=”

‘;

replaceElementWithHtml(component, html);
} else if (sourceData.offer.toLowerCase() === “twitter”) {
var html=”

‘;
replaceElementWithHtml(component, html);
} else if (sourceData.offer.toLowerCase() === “fb”) {
var html=”

‘
replaceElementWithHtml(component, html);
} else {
replaceElementWithHtml(component, “”);
}

}

characteristic extractLinkFromOembed(component) {
return getUrlSource(component.getAttribute(“url”));
}

characteristic getUrlSource(url) {
var ytRegex = /http(?:s?)://(?:www.)?youtu(?:be.com/watch?v=|.be/)((w-_)*)(&(amp;)?‌​(w?‌​=)*)?/;
var instaRegex = /(https?://www.)?instagram.com(/p/(w+)/?)/;
var twitterRegex = /twitter.com/.*/plot(?:es)?/((^/?)+)/;
var fbRegex = /^https?://www.fb.com.*/(video(s)?|watch|story|posts)(.php?|/).+$/;

if (ytRegex.test(url)) {
return {
offer: “Youtube”,
url: url,
identity: ytRegex.exec(url)(1)
};
}

if (instaRegex.test(url)) {
return {
offer: “Instagram”,
url: url,
identity: instaRegex.exec(url)(3)
};
}

if (twitterRegex.test(url)) {
return {
offer: “Twitter”,
url: url,
identity: twitterRegex.exec(url)(1)
};
}

if (fbRegex.test(url)) {
return {
offer: “Fb”,
url: url,
identity: fbRegex.exec(url)(1)
};

}

return {
offer: “Unknown”,
url: url,
identity: “”
};
}

characteristic replaceElementWithHtml(component, html) {
var str = html;
var Obj = component; //any component to be fully changed
if (Obj.outerHTML) { //if outerHTML is supported
Obj.outerHTML = str; ///it be easy replacement of complete component with contents of str var
} else { //if outerHTML isn’t very any longer supported, there might be a outlandish however crossbrowsered trick
var tmpObj = file.createElement(“div”);
tmpObj.innerHTML = ‘‘;
ObjParent = Obj.parentNode; //Okey, component might perchance maybe quiet be parented
ObjParent.replaceChild(tmpObj, Obj); //right here we inserting our non everlasting info as a replacement of our scheme, so we can get it then and change it into whatever we favor to change to
ObjParent.innerHTML = ObjParent.innerHTML.change(‘

‘, str);
}
}
characteristic loadfbApi() {
var js = file.createElement(‘script’);
js.src=”
file.body.appendChild(js);
}
characteristic runYoutubeLazyLoad() {
/// youtube lazyload
var youtube = file.querySelectorAll(“.youtube”);

for (var i = 0; i < youtube.length; i++) { var offer = "https://img.youtube.com/vi/" + youtube(i).dataset.embed + "http://192.168.2.55/0.jpg"; var image = modern Image(); image.src = "https://www.masrtimes.com/subject matters/masr/assets/photography/no.jpg"; image.classList.add('lazyload'); image.setAttribute("info-src", offer); image.setAttribute("alt", "youtube"); image.addEventListener("load", characteristic () { youtube(i).appendChild(image); }(i)); youtube(i).addEventListener("click on", characteristic () { var iframe = file.createElement("iframe"); iframe.setAttribute("frameborder", "0"); iframe.setAttribute("allowfullscreen", ""); iframe.setAttribute("src", "https://www.youtube.com/embed/" + this.dataset .embed + "?rel=0&showinfo=0&autoplay=1"); this.innerHTML = ""; this.appendChild(iframe); }); }; }

Source link