“ولاد الشمس” عمل مميز لجيل قادر على التطوير

goal replaceOembeds() {
var allEmbeds = doc.getElementsByTagName(“OEMBED”);

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

runYoutubeLazyLoad();
// loadfbApi();
}

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

‘;

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

‘;

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

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

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

}

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

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

if (ytRegex.take a look at(url)) {
return {
source: “Youtube”,
url: url,
identity: ytRegex.exec(url)(1)
};
}

if (instaRegex.take a look at(url)) {
return {
source: “Instagram”,
url: url,
identity: instaRegex.exec(url)(3)
};
}

if (twitterRegex.take a look at(url)) {
return {
source: “Twitter”,
url: url,
identity: twitterRegex.exec(url)(1)
};
}

if (fbRegex.take a look at(url)) {
return {
source: “Fb”,
url: url,
identity: fbRegex.exec(url)(1)
};

}

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

goal replaceElementWithHtml(component, html) {
var str = html;
var Obj = component; //any component to be fully replaced
if (Obj.outerHTML) { //if outerHTML is supported
Obj.outerHTML = str; ///or no longer it is simple replacement of complete component with contents of str var
} else { //if outerHTML is no longer supported, there is a irregular but crossbrowsered trick
var tmpObj = doc.createElement(“div”);
tmpObj.innerHTML = ‘‘;
ObjParent = Obj.parentNode; //Okey, component must be parented
ObjParent.replaceChild(tmpObj, Obj); //here we placing our non everlasting knowledge as any other of our goal, so we are going to discover it then and replace it into whatever we want to interchange to
ObjParent.innerHTML = ObjParent.innerHTML.replace(‘

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

for (var i = 0; i < youtube.dimension; i++) { var source = "https://img.youtube.com/vi/" + youtube(i).dataset.embed + "http://192.168.2.55/0.jpg"; var image = new Image(); image.src = "https://www.masrtimes.com/subject matters/masr/sources/photos/no.jpg"; image.classList.add('lazyload'); image.setAttribute("knowledge-src", source); image.setAttribute("alt", "youtube"); image.addEventListener("load", goal () { youtube(i).appendChild(image); }(i)); youtube(i).addEventListener("click on", goal () { var iframe = doc.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); }); }; }

Offer link