EDT4OL/Authoring/Embed video
Contents
Technical and ethical considerations
The WikiEducator community does not support advertising in the wiki. While there are many valuable educational videos hosted on YouTube, there is no mechanism to restrict the playback of advertisements within videos when embedding from third party websites. Moreover, YouTube videos which are not licensed under a CC-BY licence use the 'Standard YouTube licence' which is technically an 'all rights reserved' licence and therefor not 'OER'. While it is legal to link to YouTube videos, when embedding there are additional terms of service which require the use of a proprietary YouTube player, which is problematic for some Free and Open Source Software (FOSS) communities like WikiEducator. For these reasons, WikiEducator does not support embedded playback of YouTube videos within the wiki itself.
However, WikiEducator has developed templates which will enable you to embed YouTube videos on your published WordPress course site. In this way, we leave the decision about the appropriateness of YouTube advertisements contained within videos to the individual course authors without transgressing the WikiEducator community values. Note that it is not illegal to embed YouTube videos on the WordPress course site, because the official player is used for playback - however, YouTube will be tracking data about viewing behaviour.
In the case of Vimeo, playback of openly licensed videos is permitted in WikiEducator as advertising is not embedded within Vimeo videos; however, to upload a video to Vimeo you require a paid subscription service which may not be accessible to students on this course.
Both wiki templates for embedding videos on the WordPress site are "responsive", which means that the videos will automatically resize for mobile phones to fit the playback screen.
What wiki markup template should I use?
We provide two options below for embedding video on the course site snapshot
For the purposes of this course, the option you choose is determined by the site where the video you want to incorporate is hosted. If you are planning to use your own recorded video, YouTube will provide you with a hosting solution unless your organisation has a paid Vimeo subscription.
YouTube embed template
The following wiki markup will embed a responsive YouTube video within a 'Media' pedagogical template on the published course website on WordPress. In the wiki, it will display as a placeholder image without playback options, so you will need to request a snapshot for your outline page to see how playback works on the course site.
{{IDevice
|theme=line
|type=Media
|title=
|body=
Some text to introduce the video goes here.
{{YouTube
|id=
|title=Title of video goes here
|align=left
|width=560
|height=315
}}
}}
Notes
The template parameters are explained below:
- title (First option): Change the display title of the Media pedagogical template here.
- body: Edit the text as appropriate to introduce the video or provide instructions for the activity.
- YouTube id: This is a case sensitive code displayed after the 'watch?v=' parameter in the URL of a YouTube video, or alternatively you click the "Share" --> Embed option displayed below a YouTube video to reveal the ID number which is displayed after the https://www.youtube.com/embed URL contained in the embed code. (Note that "YouTube" is also case sensitive in this template, so ensure that you capitalise the Y and the T.)
- title (Second option within YouTube template): This is the title of the video that displays within the YouTube embedded video before playback begins.
- align: We recommend leaving this set to "Left" because, as author, you do not know what the size of the playback device the learner will be using.
- width: Is the display width specified in pixels. If you decide to change the display width, you should alter the height parameter in the same ratio. Remember that the video will auto-resize for playback on small audio devices, so we recommend leaving this parameter unchanged.
- height: Is the display height specified in pixels. If you change the display height, you should alter the width parameter in the same ratio. Remember that the video will auto-resize for playback on small audio devices, so we recommend leaving this parameter unchanged.
Vimeo embed template
The following wiki markup will embed a responsive Vimeo video within a 'Media' pedagogical template on the published course website on WordPress. In the wiki, it will display embedded with playback options. Requesting a snapshot for your outline page will show how playback works on the course site for your embedded video.
{{IDevice
|theme=line
|type=Media
|title=
|body=
Some text to introduce the video goes here.
{{VimeoResponsive
|id=
|align=left
|width=560
|height=315
}}
}}
Notes
The template parameters are explained below:
- title: Change the display title of the Media pedagogical template here.
- body: Edit the text as appropriate to introduce the video or provide instructions for the activity.
- Vimeo id: This is a case sensitive number displayed after the https://vimeo.com/ URL of the video hosted on Vimeo.
- align: We recommend leaving this set to "Left" because as author, you do not know what the size of the playback device the learner will be using.
- width: Is the display width specified in pixels. If you decide to change the display width, you should alter the height parameter in the same ratio. Remember that the video will auto-resize for playback on small audio devices, so we recommend leaving this parameter unchanged.
- height: Is the display height specified in pixels. If you change the display height, you should alter the width parameter in the same ratio. Remember that the video will auto-resize for playback on small audio devices, so we recommend leaving this parameter unchanged.
