Adding Streaming Videos to Courses in Course Builder via the HTML Template

As an alternative to using the Course Builder Video template, you can leverage 3rd party video publishing services to do the heavy lifting for your videos. Popular services, such as YouTube or Vimeo, provide embed codes that can be used to place videos from your account into Course Builder.

Here is more information to help you device which service is right for you: Vimeo Vs. YouTube: Which is Best for Business?

Here are some of the advantages:

  1. Adaptive Streaming drastically improves performance and video load times. Regions such as India, Latin America and South East Asia have broadband speeds that are significantly lower than Western Europe and North America. This creates problems if you have end-users in those countries as they may have a difficult time streaming the video. Using Vimeo or Youtube, you will gain the advantage of adaptive streaming, meaning the quality of the video will be downgraded to meet the speed of the end-users internet connection. Without Adapative Streaming, an end user could be stuck trying to download the entire high quality video on a very slow internet connection.
  2. Cross-browser compatibility is very reliable. When you upload your videos to either Youtube or Vimeo, your video will be transcoded into different versions automatically. This means you can reliably predict your video will work on almost any browser or device.
  3. Embedding your video creates a much smaller course since the video does not need to be contained in the course package

See below for a quick tutorial and overview for each service.

Enterprise Streaming

Enterprise clients who plan on heavy video use should seriously consider a heavy duty enterprise streaming solution. Knowledge Anywhere can work with you to setup your streaming server and initial setup, configuration and training. Corporations world wide depend on enterprise streaming services to deliver their content to audiences, Enterprise level streaming is highly recommend by Knowledge Anywhere.

Benefits include:

  • Completely automated solution. Upload your video and have it automatically transcoded into several renditions that you can easily plug into Course Builder as a embed code in a HTML template, or standalone URL into the Video template.
  • Complete control over security.
  • Device detection for adaptive streaming.
  • Customized branding of the player controls.
  • No ads.
  • Superior performance and reliability.
  • Content control and compliance assurances.

Non-Enterprise Video Sharing Services

Tutorial for Vimeo or Youtube

  1. Create a new page in your course and select the HTML template.
  2. In your new page, clear out the default data.
  3. In the Editor, click on the “Source” tab.
  4. Follow the instructions below for YouTube or Vimeo to complete the process of finding your embed code. Once you have it, simply paste the embed code into the source tab and click 'Save'. Test your course and you will see your video show up as beautiful as the day you uploaded it.

Youtube

YouTube is the world's most popular video-sharing site and they make embedding a snap. However, be aware YouTube offers limited privacy protection and you cannot control what appears next to your video. However, YouTube is completely free and you can upload as many videos as needed. Knowledge Anywhere recommends setting the privacy of your videos to 'unlisted'

To Embed:

  1. Navigate to the desired uploaded video and click on the 'Share' icon.
  2. Click on 'Embed'
  3. Click on the 'Show More' button and you will be presented with advanced options and a video preview.
  4. Select your size. Either default or 640 x 360 is recommended.
  5. It is recommended you uncheck “Show suggested videos when the video finishes” and you check “Enable privacy-enhanced mode”
  6. Copy the entire embed code using CTRL+A, CTRL+C
  7. Paste it into the source tab. Hit 'Save and Close' and test your course.

Below is a sample embed tag from YouTube. The screenshot below provides an example of what the finished product will look like.

<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/9P8C4XGIVL0?rel=0" frameborder="0" allowfullscreen></iframe>

More information via YouTube's Official Page

Vimeo

Vimeo is the superior solution over Youtube and offers several advantages from a business standpoint. However, unlike YouTube, which is Ad supported, Vimeo generates revenue through subscription plans. They have a free level but severely limit a number of videos and feature you can have. At $17/mo a Vimeo Pro account is a steal for the feature, control and reliability you receive. Dollar for dollar, embedding your videos with a Vimeo Pro is the best way to go. Learn more here.

Embedding is very similar to YouTube:

  1. Log into your Vimeo account and find the video you wish to embed on the “My Videos” page.
  2. Click on the paper plane icon in the upper left corner of the video preview to open the video sharing dialogue.
  3. Next to the 'Embed' section, click on the '+ Show Options' link to display advanced embedding features.
  4. You have a few more option to play around with than YouTube, namely the color scheme of the player and how much information is overlayed on top of the video.
  5. We recommend you uncheck everything to provide the cleanest user experience. However, it is completely up to you! One nice feature Vimeo implemented is proportional video resizing. If you manipulate the values in the size fields, Vimeo will proportionally scale your video!
  6. Copy the entire embed code using,CTRL+A CTRL+C and paste it into the source tab. Hit 'Save and Close' and test your course.

Below is an example embed tag from Vimeo. The lower screenshot provides an example of the finished output.

<iframe src="//player.vimeo.com/video/99276517?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Have more questions? Submit a request

Comments

Powered by Zendesk