How to Create a Responsive Video Slider in WordPress
Do you want to add a responsive video slider in WordPress? Sliders with videos make them even more engaging and interactive. In this tutorial, we will show you how to create a responsive video slider in WordPress.
Creating a Responsive WordPress Video Slider
Upon activation, you need to visit Soliloquy » Add New and select a Native Slider. From here, Select Files from Other Sources.
This will open the Insert Media lightbox. Select the Insert Video Slide link from the left sidebar. Add the video URL.
If you are self-hosting, then you can upload the media files to this location or you can use videos hosted on Youtube, Vimeo, or Wistia as well.
If you are uploading videos directly to your web server, then you will also need to upload a fallback image to use while the video is not playing.
When you are done, click Insert into Slider in the lower right corner.
After this, you can click Add another video slide if you want your slider to have additional video slides.
Next, close the lightbox and publish or update.
Configure Video Settings
Before you are done, we recommend you configure the dimensions of your slider in the Config tab to make sure it displays in the correct proportions.
For example, if your videos has aspect ratio of 4:3 or 16:9, then you’ll want to account for this when setting the dimensions of your slider.
View Your Video Slider
Finally, it is time to add your slider to a post or page. Edit the post or page where you want to add the slider. Click on Add Slider button, and then select your video slider.
Click on Insert Slider button to add the slider into post or page. Don’t forget to click on publish or update button to save your changes.
Now you can visit your website to see your published video slider.
Try it yourself. To test an example video slider in action, here is one that we have created: