<section class="app-section about-video is-full-height" id="location-video">
    <div class="about-video__inner">
        <div class="about-video__video-wrap">
            <video class="location-video js-about-video" src="<?php echo e($block->file('video')); ?>" data-src="<?php echo e($block->file('video_full')); ?>" autoplay="true" loop="true" muted="muted" poster="<?php echo e($block->image('image')); ?>"></video>
        </div>
        <div class="about-video__overlay js-video-overlay">
            <div class="about-video__title">
                <?php echo e($block->translatedInput('title')); ?>

            </div>
            <?php if($block->file('video_full')): ?>
            <div class="about-video__control">
                <button class="btn js-play-btn">
                    <span><?php echo app('translator')->get('messages.Play video'); ?></span>
                </button>
            </div>
            <?php endif; ?>
        </div>
    </div>
    <script>
        $(function(){
            var $video = $('.js-about-video'),
                $videoOverlay = $('.js-video-overlay'),
                $playBtn =  $('.js-play-btn'),
                $videoSrc = $video.data('src');

            $playBtn.on('click', function(){
                $videoOverlay.fadeOut();
                $video.attr('src', $videoSrc);
            });
        });
    </script>
</section>
<?php /**PATH /var/www/quadcode-jobs/resources/views/site/blocks/video.blade.php ENDPATH**/ ?>