In this article you will learn how you can embed a video that has been uploaded to your LearnWorld. You can embed that video by using the Vimeo embeddable script following a few easy steps:

1 When in admin mode, visit the course page you want to upload the video to and click on the "Video Library" tab.

2 You will be redirected to the course video library. Select the video you want from your system and when it has been uploaded copy its Vimeo ID.

3 Replace the VIDEO_ID in the following embeddable code with the one you have just copied...

<iframe src="https://player.vimeo.com/video/VIDEO_ID?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

... in our case

<iframe src="https://player.vimeo.com/video/229095605?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

4 Copy & Paste the above embeddable code wherever you wish inside your LearnWorld, for example inside a video zone.


If the id of your video has letters and numbers (please see screenshot below) then you should follow this procedure:



Replace the VIDEO_ID in the following embeddable code with the one you have just copied...

<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="https://fast.wistia.net/embed/iframe/VIDEO_ID?seo=false&videoFoam=true" title=" Parts Perspective | 6A | Deflating &amp; Placing.mp4 Video" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div>

<script src="https://fast.wistia.net/assets/external/E-v1.js" async></script>


... in our case

 

<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="https://fast.wistia.net/embed/iframe/ikxw4el7ka?seo=false&videoFoam=true" title=" Parts Perspective | 6A | Deflating &amp; Placing.mp4 Video" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div>

<script src="https://fast.wistia.net/assets/external/E-v1.js" async></script>

4 Copy & Paste the above embeddable code wherever you wish inside your LearnWorld, for example inside a video zone.




That's it! You are done!