Fix File

• /home/sportsfe.../httpdocs/wp-conte.../plugins/embedpre.../EmbedPre.../Ends/Back/Settings/template...

• File: ads.php

• Content:

<?php
/*
 * Custom Logo Settings page
 * All undefined vars comes from 'render_settings_page' method
 *
 *  */

use EmbedPress\Includes\Classes\Helper;

$video_demo_adUrl = 'https://embedpress.com/wp-content/uploads/2023/12/notificationX-demo-ad.mp4';
$image_demo_adUrl = 'https://embedpress.com/wp-content/uploads/2023/12/demo-ad.gif';
$youtube_embed_url = 'https://www.youtube.com/embed/coLxfjnrm3I?enablejsapi=1&origin=' . site_url();

global $pro_active;
$updgrade_pro_text = ' You';
if(!$pro_active){
    $updgrade_pro_text = ' This is a pro feature but you';
}

<div class="embedpress_calendly_settings  background__white radius-25 p40">
    <div class="ad-settings-top">
        <div <?php if(!$pro_active): echo 'class="ad-settings-content"'; endif; ?>>
            <h3 class="ads-settings-title">
                <?php
                echo wp_kses_post(
                    sprintf(
                        esc_html__(
                            'Advertise Across %s with EmbedPress – Your Gateway to Unlimited Exposure!',
                            'embedpress'
                        ),
                        '<a target="_blank" href="' . esc_url('https://embedpress.com/sources/') . '"><span style="color:#FF7369">' . esc_html__('150+ Platforms', 'embedpress') . '</span></a>'
                    )
                );
                ?>

</h3>
            <p class="ads-settings-description">
                <?php
                echo wp_kses_post(
                    sprintf(
                        esc_html__(
                            "Now, you can showcase your ads across %s, guaranteeing unlimited exposure for your business through your embedded contents.%s can check the settings below for a demo example. | %s",
                            'embedpress'
                        ),
                        '<strong>' . esc_html__('150+ diverse platforms', 'embedpress') . '</strong>',
                        $updgrade_pro_text,
                        '<a href="' . esc_url('https://embedpress.com/docs/how-to-configure-ep-ads-settings/                            ') . '" target="_blank" style="color:#FF7369"><strong>' . esc_html__('Docs', 'embedpress') . '</strong></a>'
                    )
                );

?>
            </p>
        </div>
        <?php
        
        if (!$pro_active) :
            ?>
            <a href="<?php echo esc_url('https://wpdeveloper.com/in/upgrade-embedpress'); ?>" target="_blank" class="button button-pro-upgrade"><?php echo esc_html__('Upgrade To Pro', 'embedpress'); ?><i class="ep-icon ep-link-icon"></i></a>
        <?php endif; ?>
    </div>

<div class="ad__adjust__controller__item">
                                    <span class="controller__label"><?php echo esc_html__('Ad Redirection URL', 'embedpress'); ?></span>
                                    <div class="ad__adjust__controller__inputs">
                                        <input type="url" name="adUrl" id="ad_cta_url" class="form__control" data-default="<?php echo esc_url('https://notificationx.com/'); ?>" value="<?php echo esc_url('https://notificationx.com/'); ?>">
                                    </div>
                                </div>

</label>
                                    </div>
                                </div>

</div>
                </div>
            </div>
            <div class="embedpress-gutenberg-wrapper aligncenter ep-content-protection-disabled inline" id="1c3da3de-7606-4e9f-9693-d4b570cd2ca30">
                <h2 class="wp-block-heading has-text-align-center"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-ast-global-color-2-color"><?php echo esc_html__('Live Preview for Video', 'embedpress'); ?></h2>
                <p class="preview-description"><?php echo esc_html__('Experience EmbedPress Ad feature with YouTube video, but it will work with all embedded contents such as videos, audios, documents, etc..', 'embedpress'); ?></p>
                <div class="wp-block-embed__wrapper">
                    <div id="ep-gutenberg-content-ep-ad-preview-0" class="ep-gutenberg-content">
                        <div data-sponsored-id="ep-ad-preview-0" id="ep-ad-preview-0" class="ad-mask" data-ad-index="0">
                            <div class="ep-embed-content-wraper ">
                                <div class="ose-youtube ose-embedpress-responsive">
                                    <iframe width="560" height="315" src="<?php echo esc_url($youtube_embed_url); ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                                </div>
                            </div>
                            <div class="main-ad-template" id="ad-template-0" data-adType="video" style="display:none">
                                <div class="ep-ad-container">
                                    <div class="ep-ad-content ad-video hidden" style="position: relative;">
                                        <a target="_blank" class="ad-url" href="#">

</div>

</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

</div>
        <div class="ad-preview-sectiion">
            <div class="video-ad-prewiew-options">
                <div class="ad__adjust__wrap " style="display: block;">
                    <div class="ad__adjust">
                        <form class="ad__adjust__controller" id="ad-preview-1">
                            <div class="form-input-wrapper">

</label>
                                    </div>
                                </div>

</div>
                            <button type="submit" class="button preview-btn-1"> <?php echo esc_html__('Start Preview', 'embedpress'); ?> </button>

</form>

</div>
                </div>
            </div>
            <div class="embedpress-gutenberg-wrapper aligncenter   ep-content-protection-disabled inline" id="1c3da3de-7606-4e9f-9693-d4b570cd2ca31">
                <h2 class="wp-block-heading has-text-align-center"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-ast-global-color-2-color"><?php echo esc_html__('Live Preview for Documents', 'embedpress'); ?></h2>

<div class="wp-block-embed__wrapper   ">
                    <div id="ep-gutenberg-content-ep-ad-preview-1" class="ep-gutenberg-content">
                        <div data-sponsored-id="ep-ad-preview-1" id="ep-ad-preview-1" class="ad-mask" data-ad-index="0">
                            <div class="ep-embed-content-wraper">
                                <div class="position-right-wraper gutenberg-pdf-wraper">
                                    <?php
                                    $pdf_url = EMBEDPRESS_SETTINGS_ASSETS_URL . 'embedpress.pdf';
                                    $renderer = Helper::get_pdf_renderer();
                                    $src = $renderer . ((strpos($renderer, '?') == false) ? '?' : '&') . 'file=' . urlencode($pdf_url);
                                    ?>
                                    <iframe title="sample" class="embedpress-embed-document-pdf embedpress-pdf-1701320841615" style="width:550px;height:320px; max-width:100%; display: inline-block" src="<?php echo esc_url($src); ?>" frameborder="0" oncontextmenu="return false;"></iframe>
                                    <p class="embedpress-el-powered"><?php echo esc_html__('Powered By EmbedPress', 'embedpress'); ?></p>
                                </div>
                            </div>

</div>

</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

</div>
    </div>

</div>

.ad-settings-top {
        padding: 20px 25px;
        /* background: #EEEDF4; */
        color: #444;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 60px;
        border: 1px solid #f9f3f3;
    }

.ad-settings-content {
        width: calc(100% - 240px);
    }

h3.ads-settings-title {
        color: #131F4D;
        margin-bottom: 10px;
        font-size: 18px;
    }

p.ads-settings-description {
        font-size: 16px;
        line-height: 1.6;
        color: #25396F;
        text-align: justify;
    }

.ad__adjust__controller__item .controller__label {
        font-size: 16px;
        font-weight: 400;
        color: #7C8DB5;
        width: 180px;
    }

.ad-preview-sectiion {
        display: flex;
        gap: 30px;
        justify-content: space-around;
        margin-bottom: 60px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 60px;
    }

.ad-upload-options {
        width: 320px;
    }

p.uploaded {
        background: #efeef5;
        padding: 5px 10px;
        word-wrap: break-word;
        border-radius: 5px;
    }

button.uploadBtn {
        font-size: 14px;
        padding: 10px 15px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 5px;
        border: 1px solid #ddd;
        cursor: pointer;
        color: #394b7b;
        margin-bottom: 10px;

}

button.uploadBtn span.dashicons.dashicons-upload {
        font-size: 18px;
    }

.video-ad-prewiew-options {
        width: 45%
    }

.ad__adjust__controller__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 30px;
        gap: 20px;
    }

.ad__adjust__controller__inputs {
        max-width: 100%;
        width: calc(100% - 15px);
    }

.ad__adjust__controller__inputs p {
        margin-top: 5px;
        color: #131F4D;
    }

/* Common Styles */
    /* .ad-mask .ose-embedpress-responsive {
        position: relative;
    } */

.ad-running {
        display: inline-block !important;
    }

.ep-ad-content.ad-image img {
        object-fit: cover;
    }

.ep-ad-content.ad-image {
        height: 100%;
        width: 100%;
    }

/* .ad-mask .ep-embed-content-wraper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    } */

.ep-embed-content-wraper {
        position: relative;
    }

.embedpress-gutenberg-wrapper {
        width: 55%;
    }

h2.wp-block-heading {
        font-size: 22px;
        margin-bottom: 12px;
        color: #131F4D
    }

p.preview-description {
        font-size: 16px;
        line-height: 1.6;
        color: #25396F;
        margin-bottom: 15px;
        width: 580px;
        max-width: 100%;
        text-align: justify;
    }

.ose-youtube {
        /* display: none !important; */
        opacity: 0
    }

div[data-sponsored-id] {
        position: relative;
        display: inline-block;
        max-width: 100%;
    }
    .embedpress-document-embed div[data-sponsored-id] {
        width: 100%;
    }
    
    .main-ad-template.image.ad-running {
        position: absolute;
        z-index: 1;
        bottom: 75px;
        left: 50%;
        height: auto;
    }

[data-sponsored-id] .main-ad-template.image.ad-running {
        border-radius: 5px;
    }

.ep-ad-container {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        background-color: #000;
        justify-content: center;

}

.ep-ad-content.ad-video {
        height: 100%;
    }

a.ad-url {
        display: inline;
    }

.main-ad-template video,
    .main-ad-template img {
        width: 100%;
        height: 100%;
        background-color: #000;
    }

.progress-bar-container {
        margin-top: -10px;
        background: #ff000021;
    }

.progress-bar {
        background: #5be82a;
        height: 5px;
        margin-top: -4px;
        max-width: 100%;
    }

button.skip-ad-button {
        position: absolute;
        bottom: 15px;
        right: 10px;
        border: none;
        background: #d41556b5 !important;
        color: white !important;
        z-index: 999999999;
        font-size: 14px;
        border-radius: 4px;
        height: 30px;
        width: 80px;
        font-weight: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 12px;
        padding: 0;
    }

.ad-timer {
        position: absolute;
        background: #d41556b5;
        font-size: 14px;
        width: 110px;
        color: white;
        bottom: 15px;
        left: 10px;
        text-align: center;
        border-radius: 4px;
        height: 30px;
        width: 80px;
        font-weight: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }

[data-sponsored-id] .hidden,
    .hidden {
        display: none !important;
    }

/* Specific Styles for Ad Type 1 */
    [data-sponsored-id="ep-ad-preview-0"] .main-ad-template {
        width: 550px;
        height: 310px;
        max-width: 100%;
        display: inline-block;
    }

[data-sponsored-id="ep-ad-preview-0"] .main-ad-template.image.ad-running {
        width: 300px;
        height: 200px;
        bottom: 10%;
        left: 25%;
    }

/* Specific Styles for Ad Type 2 */
    [data-sponsored-id="ep-ad-preview-1"] .main-ad-template {
        width: 550px;
        height: 310px;
        max-width: 100%;
        display: inline-block;
    }

[data-sponsored-id="ep-ad-preview-1"] .main-ad-template.image.ad-running {
        width: 300px !important;
        height: 200px !important;
        bottom: 10%;
        left: 25%;
    }

iframe.ose-youtube {
        /* display: none !important; */
        max-width: 100%;
        max-height: 310px;
        height: 310px;
        width: 550px;
    }

.position-right-wraper.gutenberg-pdf-wraper iframe {
        border: 1px solid #ddd;
    }

p.embedpress-el-powered {
        text-align: center;
    }

.info-message-section {
        max-width: 800px;
        margin: auto;
        margin-bottom: 60px;
        width: 100%;
    }

.info-message {
        display: flex;
        align-items: center;
        gap: 10px;
        /* background: #fbebed; */
        padding: 12px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 1.4em;
        border-left: 4px solid #fe8c59;
        border: 1px solid #faf4f4;
        color: #25396F;
    }

.info-message svg {
        width: 18px;
    }

span.dashicons.dashicons-warning {
        color: #fe8c59;
    }

@media only screen and (max-width: 1540px) {

.ad__adjust__controller__item {
            flex-direction: column;
            align-items: start;
            padding-right: 15px;
            gap: 10px;
        }

.video-ad-prewiew-options .form-input-wrapper {
            max-height: 440px;
            overflow: auto;
            max-width: 100%;
        }

.video-ad-prewiew-options .form-input-wrapper::-webkit-scrollbar {
            width: 5px;
        }

.video-ad-prewiew-options .form-input-wrapper::-webkit-scrollbar-track {
            background: #f5f7fd;
            border-radius: 5px;
        }

.video-ad-prewiew-options .form-input-wrapper::-webkit-scrollbar-thumb {
            background: #988FBD;
            border-radius: 5px;
        }

.template__wrapper input[type=range] {
            margin: 0;
        }

form#ad-preview-0 .form-input-wrapper {
            max-height: 400px !important;
        }
    }

@media only screen and (max-width: 1440px) {
        .embedpress-gutenberg-wrapper {
            width: 60%;
        }

.video-ad-prewiew-options {
            width: 40%
        }
    }

@media screen and (max-width: 1250px) {
        .ad-preview-sectiion {
            flex-direction: column-reverse;
        }

.video-ad-prewiew-options {
            width: 100%;
        }

.embedpress-gutenberg-wrapper {
            width: 100%;
        }

.ad-settings-top {
            display: block;
        }

.ad-settings-content {
            width: 100%;
            margin-bottom: 15px;
        }

h3.ads-settings-title {
            line-height: 1.5;
        }

p.ads-settings-description {
            line-height: 1.3;
        }
    }

@media screen and (max-width: 991px) {
        div[data-sponsored-id] {
            max-width: 100%;
            display: block;
        }

iframe.ose-youtube {
            width: 100%;
            height: 400px;
            max-height: 100%;
        }
    }
</style>

if (!isPyr) {
        var scriptUrl = 'https://www.youtube.com/s/player/9d15588c/www-widgetapi.vflset/www-widgetapi.js';
        try {
            var ttPolicy = window.trustedTypes.createPolicy("youtube-widget-api", {
                createScriptURL: function(x) {
                    return x;
                }
            });
            scriptUrl = ttPolicy.createScriptURL(scriptUrl);
        } catch (e) {}

var YT;
        if (!window["YT"]) YT = { loading: 0, loaded: 0 };
        var YTConfig;
        if (!window["YTConfig"]) YTConfig = { "host": "https://www.youtube.com" };
        if (!YT.loading) {
            YT.loading = 1;
            (function() {
                var l = [];
                YT.ready = function(f) {
                    if (YT.loaded) f();
                    else l.push(f);
                };
                window.onYTReady = function() {
                    YT.loaded = 1;
                    var i = 0;
                    for (; i < l.length; i++) try {
                        l[i]();
                    } catch (e) {}
                };
                YT.setConfig = function(c) {
                    var k;
                    for (k in c)
                        if (c.hasOwnProperty(k)) YTConfig[k] = c[k];
                };
                var a = document.createElement("script");
                a.type = "text/javascript";
                a.id = "www-widgetapi-script";
                a.src = scriptUrl;
                a.async = true;
                var c = document.currentScript;
                if (c) {
                    var n = c.nonce || c.getAttribute("nonce");
                    if (n) a.setAttribute("nonce", n);
                }
                var b = document.getElementsByTagName("script")[0];
                b.parentNode.insertBefore(a, b);
            })();
        }
    }

let adsContainers = document.querySelectorAll('[data-sponsored-id]');
    let container = document.querySelector('[data-sponsored-id]');
    var player = [];
    var playerInit = [];
    var playerIndex = 0;
    let adTimeout;

adsContainers = Array.from(adsContainers);

const getYTVideoId = (url) => {
        // Check if the input is a string
        if (typeof url !== 'string') {
            return false;
        }

const regex = /(?:youtube\.com\/(?:[^\/]+\/[^\/]+\/|(?:v|e(?:mbed)?)\/|[^#]*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/;
        const match = url.match(regex);

if (match && match[1]) {
            return match[1];
        }
        return false;
    }

const hasParentClass = (element, className) => {
    var parent = element.parentNode;

while (parent && !(parent.classList && parent.classList.contains(className))) {
        parent = parent.parentNode;
    }

return !!(parent && parent.classList && parent.classList.contains(className));
}

const adInitialization = (adContainer, index, adAtts, adType) => {
        const blockId = adAtts.clientId;
        const blockIdMD5 = adContainer.getAttribute('data-sponsored-id');
        const adStartAfter = adAtts.adStart * 1000;
        const adContent = adAtts.adContent;
        const adVideo = adContainer.querySelector('.ep-ad');
        const adSource = adAtts.adSource;
        const adVideos = [];
        const srcUrl = adAtts.url || adAtts.embedpress_embeded_link;
        const adSkipButtonAfter = parseInt(adAtts.adSkipButtonAfter);
        const adSkipButton = adAtts.adSkipButton;
        const adUrl = adAtts.adUrl;

adVideos.push(adVideo);

const adTemplate = adContainer.querySelector('.main-ad-template');
        const imageAdTemplate = adContainer.querySelector('.main-ad-template.image');
        const progressBar = adContainer.querySelector('.progress-bar');
        const skipButton = adTemplate.querySelector('.skip-ad-button');
        const adRunningTime = adContainer.querySelector('.ad-running-time');
        var playerId;
        const adMask = adContainer;

let playbackInitiated = false;

if (skipButton && adSource !== 'video') {
            skipButton.style.display = 'inline-block';
        }

const hashClass = hasParentClass(adContainer, 'ep-content-protection-enabled');

if (hashClass) {
            adContainer.classList.remove('ad-mask');
        }

playerId = adContainer.querySelector('[data-playerid]')?.getAttribute('data-playerid');

if (getYTVideoId(srcUrl)) {
            player[index]?.playVideo();
            player[index]?.seekTo(0);
        }
        clearTimeout(adTimeout);

adTemplate.classList.remove('image', 'video');
        adTemplate.classList.add(adType);

if (adType === 'image' && adUrl) {
            adTemplate.querySelector('.ad-image .ad-url')?.setAttribute('href', adUrl);
        } else {
            adTemplate.querySelector('.ad-video .ad-url')?.setAttribute('href', adUrl);
        }

if (!playbackInitiated) {
            adTimeout = setTimeout(() => {
                if (adSource !== 'image') {
                    adContainer.querySelector('.ep-embed-content-wraper').classList.add('hidden');
                }
                adTemplate?.classList.add('ad-running');
                adTemplate?.classList.remove('hidden');
                if (adVideo && adSource === 'video') {
                    adVideo.muted = false;
                    adTemplate.querySelector('.ad-video').classList.remove('hidden');
                    adTemplate.querySelector('.ad-image').classList.add('hidden');
                    adVideo.play();
                }

if (adType === 'image') {
                    adTemplate.querySelector('.ad-image').classList.remove('hidden');
                    adTemplate.querySelector('.ad-video').classList.add('hidden');
                }
            }, adStartAfter);

playbackInitiated = true;
        }

adContainer.classList.remove('ad-mask');

if (adType == 'video') {
            adVideo?.addEventListener('timeupdate', () => {
                const currentTime = adVideo?.currentTime;
                const videoDuration = adVideo?.duration;

if (currentTime <= videoDuration) {
                    const remainingTime = Math.max(0, videoDuration - currentTime); // Ensure it's not negative
                    adRunningTime.innerText = Math.floor(remainingTime / 60) + ':' + (Math.floor(remainingTime) % 60).toString().padStart(2, '0');
                }

if (!isNaN(currentTime) && !isNaN(videoDuration)) {
                    const progress = (currentTime / videoDuration) * 100;
                    progressBar.style.width = progress + '%';

if (adSkipButton && currentTime >= adSkipButtonAfter) {
                        skipButton.style.display = 'inline-block';
                    } else {
                        skipButton.style.display = 'none';
                    }
                }
            });
        }

document?.addEventListener('click', (event) => {
            if (event.target.classList.contains('skip-ad-button')) {
                adTemplate?.classList.remove('ad-running');
                document.querySelector('.preview-btn-' + index).innerText = 'Play Preview';
                document.querySelector('.preview-btn-' + index).removeAttribute('disabled');

if (adType == 'video') {
                    adVideo.pause();
                    adVideo.currentTime = 0;

if (getYTVideoId(srcUrl)) {
                        player[index]?.playVideo();
                    }
                    adTemplate.querySelector('.ad-video').classList.add('hidden');

} else {
                    adTemplate.querySelector('.ad-image').classList.add('hidden');
                }
                adContainer.querySelector('.ep-embed-content-wraper').classList.remove('hidden');
            }
        });

if (adType == 'video') {
            adVideo?.addEventListener('play', () => {
                if (typeof playerInit !== 'undefined' && playerInit.length > 0) {
                    playerInit[playerId]?.stop();
                }
            });

adVideo?.addEventListener('ended', () => {
                adTemplate.classList.add('hidden');
                adContainer.querySelector('.ep-embed-content-wraper').classList.remove('hidden');
                document.querySelector('.preview-btn-' + index).innerText = 'Play Preview';
                document.querySelector('.preview-btn-' + index).removeAttribute('disabled');
            });
        }
        playerIndex++;
    }

function onYouTubeIframeAPIReady(iframe, srcUrl, adVideo, index) {
        if (iframe && getYTVideoId(srcUrl) !== null) {
            player[index] = new YT.Player(iframe, {
                videoId: getYTVideoId(srcUrl),
                events: {
                    'onReady': (event) => onPlayerReady(event, adVideo),
                }
            });
        }
    }

function onPlayerReady(event, adVideo) {
        adVideo?.addEventListener('ended', function() {
            event.target.playVideo();
        });

adVideo?.addEventListener('play', function() {
            event.target.pauseVideo();
        });
        event.target.g.style = 'opacity: 1';
    }

window.onload = function() {
        let yVideos = setInterval(() => {
            var youtubeVideos = document.querySelectorAll('.ose-youtube');
            if (youtubeVideos.length > 0) {
                clearInterval(yVideos);

youtubeVideos.forEach((yVideo, index) => {
                    const srcUrl = yVideo.querySelector('iframe')?.getAttribute('src');
                    const adVideo = yVideo.closest('.ad-mask')?.querySelector('.ep-ad');
                    const isYTChannel = yVideo.closest('.ad-mask')?.querySelector('.ep-youtube-channel');
                    if (adVideo && !isYTChannel) {
                        onYouTubeIframeAPIReady(yVideo, srcUrl, adVideo, index);
                    }
                });
            }
        }, 100);
    };

function getFormData(index) {
        var form = document.getElementById("ad-preview-" + index);
        var formData = new FormData(form);

var formDataObject = {};
        formData.forEach(function(value, key) {
            formDataObject[key] = value;
        });

return formDataObject;
    }

const rangeUpdate = () => {
        var rangeInputs = document.querySelectorAll('input[type="range"]');
        var numberInputs = document.querySelectorAll('input[type="number"]');

rangeInputs.forEach(function(rangeInput, index) {
            var numberInput = numberInputs[index];

rangeInput.addEventListener('input', function() {
                numberInput.value = rangeInput.value;
            });
        });
    }

rangeUpdate();

jQuery(document).on('click', '.preview-btn-0', function(e) {
        e.preventDefault();
        const index = 0;
        const adContainer = document.querySelector('#ep-ad-preview-' + index);
        const adType = document.querySelector('#ad-template-' + index).getAttribute('data-adType');
        const currentAdAtts = getFormData(index);

const adAtts = {
            "clientId": "1c3da3de-7606-4e9f-9693-d4b570cd2ca30",
            "url": "https://www.youtube.com/watch?v=AMU66nbFnGg&pp=ygUMd3BkZXZlbG9lcGVy",
            "height": "310",
            "adManager": true,
            "adFileUrl": currentAdAtts?.adFileUrl,
            "adUrl": currentAdAtts?.adUrl,
            "width": "600",
            "adSource": adType ?? 'video',
            "adXPosition": 25,
            "adYPosition": 10,
            "adStart": currentAdAtts?.adStart,
            "adSkipButton": currentAdAtts?.adSkipButton === 'yes' ? true : false,
            "adSkipButtonAfter": currentAdAtts?.adSkipButtonAfter
        }

if (currentAdAtts?.adFileUrl) {
            adInitialization(adContainer, index, adAtts, adType);
            jQuery('.preview-btn-' + index).attr('disabled', true);

jQuery(document).on('click', '.preview-btn-1', function(e) {
        e.preventDefault();
        const index = 1;
        const adContainer = document.querySelector('#ep-ad-preview-' + index);
        const adType = document.querySelector('#ad-template-' + index).getAttribute('data-adType');
        const currentAdAtts = getFormData(index);

const adAtts = {
            "clientId": "1c3da3de-7606-4e9f-9693-d4b570cd2ca31",
            "url": "https://www.africau.edu/images/default/sample.pdf",
            "height": "310",
            "adManager": true,
            "adFileUrl": currentAdAtts?.adFileUrl,
            "adUrl": currentAdAtts?.adUrl,
            "width": "600",
            "adSource": adType ?? 'video',
            "adXPosition": 25,
            "adYPosition": 10,
            "adStart": currentAdAtts?.adStart,
            "adSkipButton": currentAdAtts?.adSkipButton === 'yes' ? true : false,
            "adSkipButtonAfter": currentAdAtts?.adSkipButtonAfter
        }

if (currentAdAtts?.adFileUrl) {
            adInitialization(adContainer, index, adAtts, adType);
            jQuery('.preview-btn-' + index).attr('disabled', true);

// Trigger when the "Upload" button is clicked
        $('.uploadBtn').click(function(e) {
            e.preventDefault();

const index = $(this).data('upload-index');

// Reset mediaUploader variable
            mediaUploader = undefined;

if (mediaUploader) {
                mediaUploader.open();
                return;
            }

// Extend the wp.media object
            mediaUploader = wp.media.frames.file_frame = wp.media({
                title: 'Choose File',
                button: {
                    text: 'Choose File'
                },
                multiple: false,
                library: {
                    type: ['image', 'video']
                },
            });

// Handle the file selection
            mediaUploader.on('select', function() {
                var attachment = mediaUploader.state().get('selection').first().toJSON();

if (attachment.type === 'image') {
                    $('#ad-preview-' + index + ' .skip-controller').addClass('hidden');
                    $('#ad-preview-' + index + ' .image-ad-control').removeClass('hidden');
                    $('#ad-template-' + index + ' img').attr('src', attachment.url);

} else {
                    $('#ad-preview-' + index + ' .skip-controller').removeClass('hidden');
                    $('#ad-preview-' + index + ' .image-ad-control').addClass('hidden');
                    $('#ad-template-' + index + ' video').attr('src', attachment.url);
                }

$('#fileInput-' + index).val(attachment.url);
                $('.uploaded-file-url-' + index).text('File Name: ' + attachment.name + '.' + attachment.subtype);
                $('#ad-template-' + index).attr('data-adType', attachment.type);
                $('.uploaded-file-url-' + index).addClass('uploaded');
            });

// Open the media uploader
            mediaUploader.open();
        });
    });
</script>

• Search:

• Replace: