ناثانيال هاوثورن ودوره في تشكيل هوية الأدب الأمريكي وتأثيره العميق على الثقافة الأدبية

        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">' +
                    '' +
                    '';
                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">';
                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) + '">';
                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">';
                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-->', 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>