في مؤتمره الأخير.

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

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

runYoutubeLazyLoad();
// loadfbApi();
}

feature replaceOembedWithHtml(articulate, sourceData) {
if (sourceData.supply.toLowerCase() === “youtube”) {
var html=”

‘;

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

‘;

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

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

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

}

feature extractLinkFromOembed(articulate) {
return getUrlSource(articulate.getAttribute(“url”));
}

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

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

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

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

if (fbRegex.take a look at(url)) {
return {
supply: “Facebook”,
url: url,
identification: fbRegex.exec(url)(1)
};

}

return {
supply: “Unknown”,
url: url,
identification: “”
};
}

feature replaceElementWithHtml(articulate, html) {
var str = html;
var Obj = articulate; //any articulate to be entirely changed
if (Obj.outerHTML) { //if outerHTML is supported
Obj.outerHTML = str; ///or no longer it is straightforward change of entire articulate with contents of str var
} else { //if outerHTML isn’t any longer supported, there might be a abnormal but crossbrowsered trick
var tmpObj = doc.createElement(“div”);
tmpObj.innerHTML = ‘‘;
ObjParent = Obj.parentNode; //Okey, articulate ought to be parented
ObjParent.replaceChild(tmpObj, Obj); //right here we putting our non permanent info as an different of our scheme, so we can earn it then and substitute it into no topic we want to substitute to
ObjParent.innerHTML = ObjParent.innerHTML.substitute(‘

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

for (var i = 0; i < youtube.measurement; i++) { var supply = "https://img.youtube.com/vi/" + youtube(i).dataset.embed + "http://192.168.2.55/0.jpg"; var describe = novel Picture(); describe.src = "https://www.masrtimes.com/subject issues/masr/assets/photos/no.jpg"; describe.classList.add('lazyload'); describe.setAttribute("info-src", supply); describe.setAttribute("alt", "youtube"); describe.addEventListener("load", feature () { youtube(i).appendChild(describe); }(i)); youtube(i).addEventListener("click", feature () { 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); }); }; }

Supply link