YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar jeff.compton Online asked

Video without fullscreen lightbox

Hi, I love Yootheme Pro, however I have a issue with video. I want an easier was to display video. I like the idea of the gallery to play video because of the less loading time of the page (because you are loading the pic instead of the video).
Unfortunately when playing video through the gallery, it will play it in a full screen lightbox (and without an close icon).

I want to be able to play the video without going to the fullscreen lightbox. Through trial and error I developed a UIKIT work around below...

<div id="videopro6" class="uk-inline"><a href="#modal-media-video6" uk-toggle>
<div class="uk-text-center">

    <div class="uk-inline-clip uk-transition-toggle">  
        <img src="images/video/stock.png" alt="">  
        <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-primary uk-transition-slide-bottom-medium">  
            <p class="uk-h3 uk-margin-remove">Play               <span class="uk-transition-fade" uk-icon="icon: play; ratio: 2"></span>Video</p>  
        </div>  
    </div>  

    </div>

</a>

</div>

<div id="modal-media-video6" class="uk-flex-top" uk-modal>
<div class="uk-modal-dialog uk-width-auto uk-margin-auto-vertical">
<button class="uk-modal-close-outside" type="button" uk-close></button>
<video controls playsinline uk-video>
<source src="//www.jcomx.com/images/video/stockdemo.mp4" type="video/mp4">
<source src="//www.jcomx.com/images/video/stock.png" type="img">
</video>
</div>
</div>

This actually puts the video in a modal that doesn't go fullscreen.

MY QUESTION IS... is there an easier way to do this... or is this something that future Yootheme Pro updates on video will have.

  • Joomla
  • UIkit
  • YOOtheme Pro

Know someone who can answer? Share a link to this question via email or twitter.