How to use video background instead of image in the slideshow?

How to use video background instead of image in the slideshow?

If you want to create a more eye-catching slideshow on your website you can now use YouTube, Video or MP4 video in the slideshow instead of a static image. 

Background Video option is available since DJ-MediaTools 2.12+ . It's applicable only for Slideshow , Slideshow with thumbnails , Tabber and Modern Slider layouts and supports YouTube , Vimeo or local/remote MP4 videos.

Adding video into the slideshow

  1. Go to your Joomla! back-end
  2. Navigate to  DJ-MediaTools > Custom items
  3. Add new Custom Item
  4. Paste the regular URL to YouTube, Vimeo or local/remote MP4 video into Background Video  option field
  5. Add a title and set the album 
  6. Save Custom Item

background-video

 

Note that the image is still required while it will be displayed during loading of the video. Also not all album layouts support background video feature, so the image will be used for them.

The video URL is parsed and the video preview is displayed under the field. The URL for video thumbnail is automatically fetched, however you can add a better quality image while video providers don't serve high-resolution video thumbnails. The thumbnail for MP4 video is just a video icon, so it's recommended to always set the image for local/remote MP4 videos.

The slideshow playbacks the video in a loop without the sound. The video covers all the available space for a slide, so if the slideshow proportion is not equal to the video proportion then the video is cropped.

 

      • Related Articles

      • Watermarks in DJ-MediaTools [VIDEO]

        I will explain how Watermarks in DJ-MediaTools works. Watermarks will let you protect your images from being downloaded and used on other websites without credits to you or your website. This feature allows you to choose the watermark image you want ...
      • Playback full video with sound and controls directly in the slideshow

        You can play the videos directly on the slide without opening them in the modal window. Depending on what fits you best you can use one of the methods (in a slide or in modal/popup window). Step #1 - Create the Album First, you need to create the new ...
      • How to use Statistics module

        This module allows you to display stats about your classified ads performance. You can use a variety of options to let know your users about the number of ads added. Possible options: # of active ads # of ads added today # of ads added in the last 24 ...
      • An easy trick to bring life to the adverts or products

        If you're tired of static images in the products or classifieds pages, there's an easy trick to make it dynamic (and I do not mean adding videos). The effect Let's start from the final effect, so you know what we are after. Once you have integrated ...
      • How to add locally stored video to DJ-MediaTools

        You can display .mp4 format video from any server providing it’s URL. This is an addition to cloud stored videos (YouTube, Vimeo, Liveleak, DailyMotion, Yahoo!Movies) It’s easy as pasting an URL of the video in Video Link section in custom item view ...