موعد عرض الغرفة ٢٠٧ الحلقة ٩

replaceOembeds();

function replaceOembeds()
var allEmbeds = document.getElementsByTagName(“OEMBED”);

while (allEmbeds.length != 0)
replaceOembedWithHtml(allEmbeds[0], extractLinkFromOembed(allEmbeds[0]));
allEmbeds = document.getElementsByTagName(“OEMBED”);

runYoutubeLazyLoad();
loadfbApi();

function replaceOembedWithHtml(element, sourceData)
if (sourceData.source.toLowerCase() === “youtube”)
var html=”

‘;

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

‘;

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

‘;
replaceElementWithHtml(element, html);
else if (sourceData.source.toLowerCase() === “facebook”)
var html=”

‘
replaceElementWithHtml(element, html);
else
replaceElementWithHtml(element, “”);

function extractLinkFromOembed(element)
return getUrlSource(element.getAttribute(“url”));

function getUrlSource(url) /).+$/;

if (ytRegex.test(url))
return
source: “Youtube”,
url: url,
id: ytRegex.exec(url)[1] ;

if (instaRegex.test(url))
return
source: “Instagram”,
url: url,
id: instaRegex.exec(url)[3] ;

if (twitterRegex.test(url))
return
source: “Twitter”,
url: url,
id: twitterRegex.exec(url)[1] ;

if (fbRegex.test(url))
return
source: “Facebook”,
url: url,
id: fbRegex.exec(url)[1] ;

return
source: “Unknown”,
url: url,
id: “”
;

function replaceElementWithHtml(element, html)
var str = html;
var Obj = element; //any element to be fully replaced
if (Obj.outerHTML) //if outerHTML is supported
Obj.outerHTML = str; ///it’s simple replacement of whole element with contents of str var
else //if outerHTML is not supported, there is a weird but crossbrowsered trick
var tmpObj = document.createElement(“div”);
tmpObj.innerHTML = ‘‘;
ObjParent = Obj.parentNode; //Okey, element should be parented
ObjParent.replaceChild(tmpObj, Obj); //here we placing our temporary data instead of our target, so we can find it then and replace it into whatever we want to replace to
ObjParent.innerHTML = ObjParent.innerHTML.replace(‘

‘, str);

function loadfbApi()
var js = document.createElement(‘script’);
js.src=”https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2″;
document.body.appendChild(js);

function runYoutubeLazyLoad()
/// youtube lazyload
var youtube = document.querySelectorAll(“.youtube”);

for (var i = 0; i < youtube.length; i++)

var source = "https://img.youtube.com/vi/" + youtube[i].dataset.embed +
"/0.jpg";

var image = new Image();
image.src = "/themes/veto/assets/images/no.jpg";
image.classList.add('lazyload');
image.setAttribute("data-src", source);
image.setAttribute("alt", "youtube");
image.addEventListener("load", function ()
youtube[i].appendChild(image);
(i));

youtube[i].addEventListener("click", function ()

var iframe = document.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);
);
;

المصدر: فيتو