We have released our new and improved Ebook learning activity, where you can create stunning ebooks with professionally designed activity templates, sections, widgets, and a dedicated theme explorer. You can find out more in this article.
In LearnWorlds, you can create Ebook learning activities.
In this article, you will learn how you can embed in your Ebook learning activities a video uploaded to your LearnWorlds Video Library.
1. After you create a course you can upload videos to the course's Video Library.
2. Navigate to the course you have uploaded the video to and click on the Video Library tab.
3. Select the video you want and copy its ID. This ID may contain only numbers: 520162372, or a mix of numbers and letters: 9afdaytzzz.
Your video ID includes only numbers
Replace the VIDEO_ID in the following embeddable code with that of your video:
<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 example, the code becomes:
<iframe src="https://player.vimeo.com/video/520162372?color=ffffff&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Note: To change the hover color of the play/pause button, you can replace the color hex value from the following part: color=ffffff
Your video ID includes a mix of letters and numbers
Replace the VIDEO_ID in the following embeddable code with that of your video:
<div class="wistia_responsive_padding" style="padding:75% 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&playerColor=49326B" title=" Parts Perspective | 6A | Deflating & 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 example, the code becomes:
<div class="wistia_responsive_padding" style="padding:75% 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/9afdaytzzz?seo=false&videoFoam=true&playerColor=49326B" title=" Parts Perspective | 6A | Deflating & 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>
Note: You change the color of the video player by adding a &playerColor=your_hex_color_code in the code:
<div class="wistia_responsive_padding" style="padding:75% 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&playerColor=fffffff" title=" Parts Perspective | 6A | Deflating & 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>
Note: To adjust the space in the Ebook between the video and the next element, you can adjust the padding from 75% to 60%.
3. Copy and Paste the above embeddable code wherever you wish inside your LearnWorlds school, for example inside an embed element in your created Ebooks.
Speed and quality as well as the subtitles added in your video will be fetched in the ebook learning activity.