توخيل يتفاعل مع مزاح جماهير إنجلترا بعد الوصول إلى مونديال 2026

<

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>