Your IP : 216.73.216.84

Current Path : /home/helpink/www/components/com_jbusinessdirectory/views/companies/tmpl/
Upload File :
Current File : /home/helpink/www/components/com_jbusinessdirectory/views/companies/tmpl/listing_videos.php

<?php
/**
 * @package    J-BusinessDirectory
 *
 * @author     CMSJunkie http://www.cmsjunkie.com/
 * @copyright  Copyright (C) 2007 - 2022 CMSJunkie. All rights reserved.
 * @license    https://www.gnu.org/licenses/agpl-3.0.en.html
 */ 
defined('_JEXEC') or die('Restricted access');

// Include LightGallery
JBusinessUtil::enqueueStyle('libraries/lightgallery/lightgallery.min.css');
JBusinessUtil::enqueueScript('libraries/lightgallery/lightgallery.min.js');
JBusinessUtil::enqueueScript('libraries/lightgallery/plugins/video/lg-video.min.js');
?>

<div class='video-container row videos-list-view' id="video-gallery">
    <?php 
    if (!empty($this->videos)) {
        foreach ($this->videos as $video) {
            if (!empty($video->url)) {
                ?>
                <div class="col-md-4">
                    <a class="card-video" 
                       href="<?php echo $this->escape($video->url) ?>"
                       data-lg-size="1280-720"
                       data-video='{"source": [{"src":"<?php echo $this->escape($video->url) ?>", "type":"video/mp4"}], "attributes": {"preload": false, "controls": true}}'
                       data-sub-html="<h4><?php echo $this->escape($video->title); ?></h4>">
                        <div class="card-video-wrap">
                            <img src="<?php echo !empty($video->videoThumbnail) ? $video->videoThumbnail : BD_PICTURES_PATH.'/video_default.jpg' ?>" />
                            <div class="play-pause">
                                <i class="la la-play"></i>
                            </div>
                        </div>
                        <div class="card-video-title">
                            <?php echo $this->escape($video->title); ?>
                        </div>
                    </a>
                </div>
            <?php }
        }
    } else {
        echo JText::_("LNG_NO_COMPANY_VIDEO");
    } ?>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        const videoGallery = lightGallery(document.getElementById('video-gallery'), {
            selector: '.card-video',
            plugins: [lgVideo],
            videojs: true,
            videojsOptions: {
                muted: false,
                controls: true,
                autoplay: true
            },
            gotoNextSlideOnVideoEnd: true,
            autoplayFirstVideo: true,
            autoplayVideoOnSlide: true,
            zoomFromOrigin: false,
            download: false
        });
    });
</script>