JSFiddle - React, Tailwind, and code Playground

by Daedalus

HTML

{youtube}9x-Dj2C3tBY{/youtube} blah blah blah {youtube}7X7kbTjztL8{/youtube}

JavaScript

function replaceTags(el) {
    if (el !== null) {
        var text = el.innerHTML;
        text = text.replace(/\{youtube\}(.*?)\{\/youtube\}/gi, function (match, id) {
            var avPlayerWrapper = document.createElement("div"),
                avPlayerContainer = document.createElement("div"),
                avPlayerBlock = document.createElement("div"),
                iframe = document.createElement("iframe");
            avPlayerWrapper.className = "avPlayerWrapper avVideo";
            avPlayerContainer.className = "avPlayerContainer";
            avPlayerBlock.className = "avPlayerBlock";
            iframe.src = "//www.youtube.com/embed/" + id + "&fs=1&wmode=transparent";
            iframe.width = 400;
            iframe.height = 300;
            iframe.allowFullscreen = "";
            iframe.title = "JoomlaWorks AllVideos Player";
            avPlayerBlock.appendChild(iframe);
            avPlayerContainer.appendChild(avPlayerBlock);
            avPlayerWrapper.appendChild(avPlayerContainer);
            console.log(avPlayerWrapper.outerHTML);
            return avPlayerWrapper.outerHTML;
        });
        el.innerHTML = text;
    }
}
replaceTags(document.documentElement);