# How to add a video to the lesson

Want your lessons to be more exciting? Just add video content to the lesson. It is very easy to do by means of the Video lesson type. While creating or editing lessons it is required to select the Video lesson type and choose one of the available video sources:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FqiRL9TKRqSKapC0nwOx9%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video.png?alt=media&#x26;token=f1b8479c-7b7c-481b-97b0-38114d0286d5" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Important:** The video upload is only active for Video Type lessons. Don’t forget to specify the lesson type.
{% endhint %}

In **MS LMS > Settings > Course** it is required to select the preferred video sources, so instructors could choose one of them for the Video lesson type.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FTY5voyedHsKAeRESpX8S%2FLMS%20Lessons%20-%20video%20sourses.png?alt=media&#x26;token=de000f9b-5b13-41e0-ba6e-cc18af3b8892" alt=""><figcaption></figcaption></figure>

### HTML (MP4) Source type

HTML (MP4) Source type allows instructors directly upload video files to the lesson.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FWp7BGFMJ8iWDckyBZDZD%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20html.png?alt=media&#x26;token=f2e88d18-9aed-4974-8724-ebd491301855" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for HTML (MP4) Source type:

* **Lesson video:** By clicking the upload button video file can be selected from Media Gallery. If the video does not exist on the Media Gallery, it is possible to select it from the computer and upload it to the lesson.
* **Lesson video poster:** The preview image that displays before playing the video.
* **Lesson video width:** Maximum Video Width.

{% hint style="warning" %}
**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.&#x20;
{% endhint %}

{% hint style="success" %}
Students can continue watching the video from the point they stopped before, so even returning to the lesson day after they still can continue from the minute they left.
{% endhint %}

{% hint style="info" %}
**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.
{% endhint %}

### YouTube Source type

YouTube Source type allows instructors to add videos to the lesson from popular video hosting.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2F4xAWyLpaJ4Cx2PFbK05f%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20youtube.png?alt=media&#x26;token=7f3c3b66-c386-4d9e-8acb-a994162f4a22" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for YouTube Source type:

* **YouTube video URL:** The direct URL of the video that can be copied from the Browser address bar:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FUqgt4kj7jVqIrY4Nb8aD%2FLMS%20Lessons%20-%20Youtube%20URL.png?alt=media&#x26;token=b526ab3b-0eb5-4202-8d1e-7ff4ce5556a1" alt=""><figcaption></figcaption></figure>

### Vimeo Source type

Vimeo Source type allows instructors to add videos to the lesson from popular video hosting.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2F7mbNpKRpbM23fqgBxUtG%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20vimeo.png?alt=media&#x26;token=465d4644-e033-483f-88a2-2a311de9fa31" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for Vimeo Source type:

* **Vimeo video URL:** The direct URL of the video that can be copied from the Browser address bar:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FuYYGo89GKsj1lZXsS1h5%2FLMS%20Lessons%20-%20Vimeo%20URL.png?alt=media&#x26;token=1fd0fe93-6019-423b-b12d-7dd50d1b2e13" alt=""><figcaption></figcaption></figure>

### External Link Source type

External Link Source type allows instructors to insert direct links to the videos from external sources:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FdWl6zuMFg0AmNveW6kp5%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20external.png?alt=media&#x26;token=c50dad6a-2631-4ee8-812f-5faa65170d6a" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for External Link Source type:

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

### Embed Source type

Embed Source type allows instructors to embed videos from external sources:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FMIKH0BWOUb8HMHJL5TlX%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20embed.png?alt=media&#x26;token=f201c320-4847-48a4-813e-02359eb88f77" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for Embed Source type:

* **Embed iFrame content:** The embed code of the video that can be copied from the player or while sharing:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FGDiKKSwCFP7qy7jMNDuL%2FLMS%20Lessons%20-%20Embed%20copy.png?alt=media&#x26;token=2f505462-912f-47e4-a9a6-9828b03fc7f2" alt=""><figcaption></figcaption></figure>

The following code is a sample for embed code:

{% code overflow="wrap" lineNumbers="true" %}

```html
<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>
```

{% endcode %}

### Shortcode Source type

Using the shortcode, it is possible to display videos in the lesson content processed by other additional plugins.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FAcenwpiU7AdDxGZVVJD4%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20shortcode.png?alt=media&#x26;token=cf686fff-defd-4739-a749-9f8f93531d50" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for Shortcode Source type:

* **Shortcode:** The code can be copied out from the third-party plugin which can process videos.

The following code is a sample for shortcode:

{% code overflow="wrap" lineNumbers="true" %}

```html
[video_player id=401]
```

{% endcode %}

### Presto Player Source type

{% hint style="info" %}
This source type is available when the [Presto Player plugin](https://wordpress.org/plugins/presto-player/) is installed and activated.
{% endhint %}

{% content-ref url="../additional-features/presto-player-integration" %}
[presto-player-integration](https://docs.stylemixthemes.com/masterstudy-theme-documentation/additional-features/presto-player-integration)
{% endcontent-ref %}

Using the Presto Player source type allows selecting a video that was edited using the Presto Player plugin that takes video to another level and delights viewers will a modern video experience.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FhOVjKnEkLl4Cacdqb1mv%2FLMS%203.0.0%20-%20CB%20new%20lesson%20video%20presto.png?alt=media&#x26;token=bfe39e0d-2f0c-4361-abb5-6d745919f384" alt=""><figcaption></figcaption></figure>

Lesson settings include the following options for Presto Player Source type:

* **Presto Player videos:** Select one of the available videos that were edited using the Presto Player plugin.

{% hint style="info" %}
More detailed information on Presto Player integration can be found in this [manual](https://docs.stylemixthemes.com/masterstudy-theme-documentation/additional-features/presto-player-integration).
{% endhint %}

That is how students will see a video lesson:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FKSMP59c1sXBLWLRKyTiw%2Fquizes.png?alt=media&#x26;token=2ad862c6-9ff9-4e3a-b935-648523a05c8f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FxCgcHP3LthCJbrH0DAmE%2Fquizes1.png?alt=media&#x26;token=a137b6d4-b4b5-45b1-bdea-1dcced2d0b99" alt=""><figcaption></figcaption></figure>

### VdoCipher Integration

[**VdoCipher**](https://www.vdocipher.com/) is a secure video hosting and streaming platform designed to protect your premium video content from unauthorized access, downloads, and piracy. It is widely used in e-learning, media, and business sectors to ensure high-quality, secure video delivery.

{% hint style="info" %}
VdoCipher integration [**should be configured**](https://docs.stylemixthemes.com/masterstudy-theme-documentation/additional-features/vdocipher) accordingly to use it as a video source.&#x20;
{% endhint %}

Select the VdoCipher as a **source type** and paste the **Video ID** to the designated area:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FZx5qQgjnPcLA7vNZk07u%2Fimage.png?alt=media&#x26;token=1c07c72e-75ff-40d6-9458-caf85b8046e5" alt=""><figcaption></figcaption></figure>

It appears like this in the Course Builder:

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FC0LJvyUtUWo6EeZYM1Ex%2Fimage.png?alt=media&#x26;token=e5e5520b-a6ce-4fc9-a8ef-b06ce2e03cda" alt=""><figcaption><p>VdoCipher hides the videos when screenshot is taken</p></figcaption></figure>

To get more info about VdoCipher integration, kindly refer to this manual:

{% content-ref url="../additional-features/vdocipher" %}
[vdocipher](https://docs.stylemixthemes.com/masterstudy-theme-documentation/additional-features/vdocipher)
{% endcontent-ref %}

## Securing Video Lessons in MasterStudy LMS: Removing YouTube and Vimeo Icons

Do you want your video lessons to stay secure and avoid unauthorized sharing among your students? MasterStudy LMS provides a feature that allows you to remove YouTube and Vimeo icons from video lessons. This prevents students from accessing the direct link to your videos on these platforms, thereby enhancing the security of your content.

**Why Remove the Icons?**

Removing the icons serves a dual purpose:

* **Enhances Content Security:** Keeps the educational content within the course environment without redirection to external platforms.
* **Reduces Unauthorized Sharing:** Minimizes the risk of students sharing direct video links with non-enrolled users.

**How to Use This Feature**

* Navigate to your WordPress admin dashboard.
* Go to **LMS > Settings =>** **Course Player** and select the course you wish to edit.

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2F0cXDreAVdEekPHPMBID4%2FSettings-%E2%80%B9-mstudypro-%E2%80%94-WordPress.jpg?alt=media&#x26;token=bb68e434-a1a2-4205-b110-7f80948b262c" alt=""><figcaption><p>Turning on Securing videos: Youtube &#x26; Vimeo</p></figcaption></figure>

Preview the lesson to ensure that the video player no longer displays the platform icons.

YouTube Video Hosting Platform

{% tabs %}
{% tab title="Visible YouTube Icon" %}

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2Fr5hm5w6bmpczDEmfcqbO%2FVisible-youtube-button-Mstudy.jpg?alt=media&#x26;token=c46a8557-2da4-4e4e-9640-61a918f99914" alt=""><figcaption><p>Screenshot From MasterStudy LMS Video Lesson (YouTube visible)</p></figcaption></figure>
{% endtab %}

{% tab title="Invisible YouTube Icon" %}

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FW1GmWvT6egmtWoSaIvja%2FInvisible-youtube-icon.jpg?alt=media&#x26;token=0cf0847f-6a3e-4098-8ecd-ea634dba4da4" alt=""><figcaption><p>Screenshot From MasterStudy LMS Video Lesson (YouTube invisible)</p></figcaption></figure>
{% endtab %}
{% endtabs %}

Vimeo Video Hosting Platform

{% tabs %}
{% tab title="Visible Vimeo Share Icon" %}

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FZo5ighviudSct9FzmAAF%2FVimeo-Video-lesson-visible.jpg?alt=media&#x26;token=6415dbca-dc09-421e-827b-86ee8e2644fc" alt=""><figcaption><p>Screenshot from MasterStudy LMS Video Lesson (Vimeo visible)</p></figcaption></figure>
{% endtab %}

{% tab title="Invisible Vimeo Share Icon" %}

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FVPcsXOn6i9K8sR6SINYQ%2FVimeo-Video-lesson-invisible.jpg?alt=media&#x26;token=d8560807-99dd-4efb-8d6c-59a5dc5ac82e" alt=""><figcaption><p>Screenshot from MasterStudy LMS Video Lesson (Vimeo invisible)</p></figcaption></figure>
{% endtab %}
{% endtabs %}

**Conclusion**

By utilizing this feature, you can maintain a controlled and secure learning environment, ensuring that your video content remains exclusive to your students. Remember to review your settings regularly to uphold the highest level of content security in your online courses.&#x20;