
<link rel="stylesheet" href="<?php echo e(asset('assets/global/plyr/plyr.css')); ?>">

<?php if(get_frontend_settings('promo_video_provider') == 'youtube'): ?>
    <div class="plyr__video-embed" id="promoPlayer">
        <iframe height="500" src="<?php echo e(get_frontend_settings('promo_video_link')); ?>?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
    </div>
<?php elseif(get_frontend_settings('promo_video_provider') == 'vimeo'): ?>
    <div class="plyr__video-embed" id="promoPlayer">
        <iframe height="500" id="promoPlayer" src="https://player.vimeo.com/video/<?php echo e(get_frontend_settings('promo_video_link')); ?>?loop=false&amp;byline=false&amp;portrait=false&amp;title=false&amp;speed=true&amp;transparent=0&amp;gesture=media" allowfullscreen allowtransparency allow="autoplay"></iframe>
    </div>
<?php else: ?>
    <video id="promoPlayer" playsinline controls>
        <source src="<?php echo e(get_frontend_settings('promo_video_link')); ?>" type="video/mp4">
    </video>
<?php endif; ?>

<script src="<?php echo e(asset('assets/global/plyr/plyr.js')); ?>"></script>
<script>
    "use strict";
    var promoPlayer = new Plyr('#promoPlayer');
</script>
<script>
    "use strict";
    const myModalEl = document.getElementById('promoVideo')
    myModalEl.addEventListener('hidden.bs.modal', event => {
        promoPlayer.pause();
        $('#promoVideo').toggleClass('in');
    });
    myModalEl.addEventListener('shown.bs.modal', event => {
        promoPlayer.play();
        $('#promoVideo').toggleClass('in');
    });

    
</script><?php /**PATH /var/www/payraty/lms_main/resources/views/components/home_ajax_loaded_templates/promo_video.blade.php ENDPATH**/ ?>