Responsive videos scale automatically to the size of the container in which they are embedded. This has the advantage of embedding videos at set sizes since the videos will work well on any size screen.
To embed a video in a responsive wrapper, copy and past the following code into the LibGuides media embed widget, substituting your video's embed code in place of the source (src=" . . .")
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe src="[put the video embed URL here]" frameborder="0": webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
Videos are usually identified by a unique identifier of numbers and letters. For example, the video above has a direct link at https://youtu.be/e5MQY-Psb7s. This direct link is also used, in part, in the embed code.
Different video hosts have common patterns for their video embed source URLs. Two of the most common are:
https://player.vimeo.com/video/[unique video ID]https://www.youtube.com/embed/[unique video IDUsing these shortcuts, one can create a responsive video embed without having to copy a whole string of code.
You can use screen-recording technology to record step-by-step videos rather than making a series of images. Several options exist for doing so.
Mac offers two main options:
Windows has several available options which unfortunately are harder to use than on Apple machines. Some of the better options include:
