Using the Visual Editor – Adding Videos


Adding videos to your website is a great way to convey information to your audience. Because this is a common feature many on our clients wish to have on their website, we shall show you how you can do so.

There are 3 ways of adding videos, each of which we’ll discuss.

Adding a Video Module

The first and most straightforward way to add a video is via the Video Module. Now by default there is a placeholder video, when you select the Video Module. This is easily deleted though by clicking the garbage can icon in the top right of the video.

Video Module Settings

This Module supports 2 video fie types, MP4 and WEBM. The only downside to uploading a video is that you can only upload videos that have a max file size of 5MB regardless of file type. To fix this issue you are allowed to add videos via URL.

Adding a Video Slider Module

The second way of adding videos are with the Video Slider Module. This allows you to add multiple videos in a slideshow like design. Unfortunately this has the same limitations as the regular Video Module when it comes to file size.

The the tutorial about the Testimonial Module I did discuss how the Elements tab differ from one Module to the next. You can see an example of this with the Video Slider Module.

Video Slider Module Settings

Adding a Video Via Text Module

There is one last way we can add a video and even photos to the page. Though it is not common to do this, you can use the Text Module to add video and photos.

When you select a Text Module there’s an Add Media button just above where you add your text. This works the exact same way as the 2 previous methods and comes with the same limitations.

Adding Videos With Text Module

The benefit of adding media this way is that you’re given the ability to add videos or pictures in amongst your text.

So rather simple and straightforward when it comes to adding videos. I didn’t go into the Design tab because there really isn’t a whole lot of features that need explaining. The features that are available to you I go into explaining more in the article Using the Visual Editor – Basic Module Settings . If you have further questions feel free to leave a comment or contact us.

No comments yet.

Leave a Reply

Powered by WordPress. Designed by WooThemes