Video Preview for Single Course

The Video Preview for Single Course feature allows instructors to add a video preview to the course page. This enhancement provides potential students with a visual and engaging introduction to the course content, increasing their likelihood of enrolling.

Importance and Benefits

Adding a video preview to your course page offers several benefits:

  • Increased Engagement: Videos can capture the attention of potential students more effectively than text alone.

  • Better Understanding: A video preview gives a clear and concise course overview, helping students understand what they can expect.

  • Enhanced Credibility: High-quality video previews can improve the perceived professionalism and credibility of the course.

How to Add a Video Preview

To add a video preview to your course, follow these steps:

  1. Edit the Course that you want to add Video Preview using Course Builder. You can do it in two ways:

  • Click on the Edit with Course Builder button on the Single Course page of the course that you want to add a video preview:

  • Using the Courses section in the WordPress Dashboard:

  1. Navigate to Settings ->Main -> Source type for video preview:

  1. Select Video Source: Indicate the type of video you want to use for the preview. The available video sources are:

Make sure to check Preferred Video Sources in the plugin settings to get these options.


HTML (MP4)

The HTML (MP4) option allows you to upload a high-quality MP4 video file directly to the course page. Additionally, you can enhance the visual appeal of the video by uploading an image poster, which will be displayed before the video starts playing. This option is ideal for providing a professional and seamless video preview experience to potential students.

  • Poster for a video preview -use dragging & dropping to add an image poster to the video or just click on the upload button.

  • Video Preview - as a poster image you can use the drag & drop method or just use the special button to upload your video in .MP4 format.

Please note: The loading speed can be decreased after video upload depending on server limits, and if the video doesn't upload it is required to check server parameters.

We recommend using CDN to improve the site speed and performance if uploading large video files is planned. It will be better if large files are uploaded on external video hostings like YouTube or Vimeo to save limits on the hosting side.

YouTube

The YouTube option allows you to easily add a video preview to your course page by entering the YouTube video URL. This method leverages YouTube's robust hosting and streaming capabilities, ensuring a high-quality viewing experience. By using the YouTube option, you can provide potential students with an engaging and accessible video preview, showcasing your course content effectively.

To get a proper YouTube Video URL:

  1. Click on the Share Button in YouTube Video:

  1. Copy the URL and paste it to the designated area in the Course Builder:

Vimeo

Integrate a Vimeo video preview into your course page by entering the Vimeo video URL. This uses Vimeo's high-quality hosting for an excellent viewing experience. Provide potential students with an engaging and professional preview of your course content.

Choose Vimeo as a source type and paste the video URL.

The External Link option allows you to add a video preview to your course page by providing the URL of a video hosted on an external platform. Additionally, you can upload an image poster to display before the video starts playing. This option is ideal for using videos hosted on your own servers or other video platforms, offering flexibility and a professional preview experience for potential students.

You can also add a poster image for video preview as HTML (MP4) option.

The direct URL of the video that ends with an extension of the file: https://site-name.domain/videos/sample.mp4

Embed

The Embed option allows you to include a video from an external source by pasting the embed code provided by the video hosting service. This method supports various platforms and enables seamless integration of your video content into the course page. The Embed option is perfect for utilizing videos hosted on platforms like Dailymotion, Brightcove, or Wistia, ensuring a smooth and professional video preview experience for potential students.

Just enter the embed code in the designated area.

Here is an example of the correct embed iframe code:

<iframe allowtransparency="true" title="Wistia video player" allowFullscreen frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" src="https://fast.wistia.net/embed/iframe/1w9z4zg847" width="400" height="225"></iframe>

Tips

  • Ensure your video preview is engaging and relevant to the course content.

  • Use high-quality images for video posters to create a professional look.

By following these steps, you can enhance your course page with a compelling video preview, making your course more attractive to potential students.

Last updated