المغرب يواجه فرنسا في نصف نهائي كأس العالم للشباب

<

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>

Conclusion

مباراة المغرب ضد فرنسا تمثل خطوة حاسمة في سعي المنتخب المغربي نحو تحقيق حلم الفوز بكأس العالم للشباب. الفريق يعبر عن طموحه، بينما يسعى المنتخب الفرنسي لوضع حد لمفاجآت المغرب.