Documentation > Setting up the Slider

Setting up the Video Slider

0

With Optimizer you can display a Video Slider with just a few clicks. To do that,

  1. Go to Appearance > Customize > Front page > Slider> Slider Type
  2. Select “Static slide” from the drop down menu. (Wait for the page to refresh so changes can take place)
  3. Click the “Video” tab.
  4. If you want to upload your own video, click on “Select file” and upload your video.
  5. You can also upload a YouTube video as a video background too. Just paste the last part of the YouTube videos URL in this field. Eg: https://www.youtube.com/watch?v=Rk6_hdRtJOE
  6. You can mute the video by enabling the “Mute Video” option.
  7. If you want to play your video in a loop just turn on the “Repeat video”.
  8. To Add/Change Text of the Video Slider, click the “Edit Content” button and add your content.
  9. Click on Button 1 & Button 2 to add your button text, link. If you want to hide the buttons, simply clear out the “Button Text” field.
  10. Set your content box width & position from Slider Content Box Width & Content Box Vertical Position.
  11. The Video is not displayed on mobile devices because of apple’s policy on not auto playing videos on mobile device. So you will need to setup an Image for mobile devices, which will be displayed instead of the Video. You can add the Fallback image by clicking the “Image” tab beside the “Video” tab.
  12. Click the Save & Publish Button to save your changes.

 

Setting up Fallback Image for Mobile devices

Since iOS won’t auto-play video on mobile we’ve added a fallback photo option for the video slider. Follow these steps to setup an image

  1. Go to Appearance -> Customize -> Frontpage -> Slider -> Static Slide Settings
  2. Click on Change Image to upload the image you want to show as fallback for mobile devices
  3. Click on Save & Publish