محمد صبحي: مستواه في تطور، وأتطلع لاستعادة النتائج الإيجابية للزمالك

<

script type=”text/javascript”>
replaceOembeds();
function replaceOembeds() {
var allEmbeds = document.getElementsByTagName(“OEMBED”);
while (allEmbeds.length != 0) {
replaceOembedWithHtml(allEmbeds[0], extractLinkFromOembed(allEmbeds[0]));
allEmbeds = document.getElementsByTagName(“OEMBED”);
}
runYoutubeLazyLoad();
setTimeout(function () {
loadfbApi();
}, 4000);
}

        function replaceOembedWithHtml(element, sourceData) {
            if (sourceData.source.toLowerCase() === "youtube") {
                var html="<div class="yt-embed"><div class="embed-wrap">" +
                    '<div class="embed-container">' +
                    '<div class="youtube" data-embed="' + sourceData.id + '">' +
                    '<div class="play-button"> ' +
                    '<svg class="icon"><use xlink:href="http://www.elbalad.news/themes/elbalad/assets/images/icons.svg#youtube"></use></svg>' +
                    '</div>' +
                    '</div></div></div></div>';
                replaceElementWithHtml(element, html);
            } else if (sourceData.source.toLowerCase() === "instagram") {
                var html="<div class="instagram-embed"><iframe class="lazyload" width="320" height="440" data-src="https://instagram.com/p/" + sourceData.id + '/embed" frameborder="0"></iframe></div>';
                replaceElementWithHtml(element, html);
            } else if (sourceData.source.toLowerCase() === "twitter") {
                var html="<div class="tw-embed"><iframe border=0 frameborder=0 height=250 width=550 src="https://twitframe.com/show?url=" + encodeURI(sourceData.url) + '"></iframe></div>';
                replaceElementWithHtml(element, html);
            } else if (sourceData.source.toLowerCase() === "facebook") {
                var html="<div class="fb-embed"><div class="fb-video" data-href=""+ sourceData.url + '" data-width="500" data-allowfullscreen="true" data-autoplay="true" data-show-captions="true"></div></div>';
                replaceElementWithHtml(element, html);
            } else {
                replaceElementWithHtml(element, "");
            }
        }

        function extractLinkFromOembed(element) {
            return getUrlSource(element.getAttribute("url"));
        }

        function 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/.*/status(?:es)?/([^/?]+)/;
            var fbRegex = /^https?://www.facebook.com.*/(video(s)?|watch|story|posts)(.php?|/).+$/;

            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 = '<!--THIS DATA SHOULD BE REPLACED-->';
                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('<div><!--THIS DATA SHOULD BE REPLACED--></div>', 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 = "https://www.elbalad.news/themes/elbalad/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);
                });
            };
        }
    </script><script async src="//www.instagram.com/embed.js"></script>