Note: You are currently viewing documentation for Moodle 3.4. Up-to-date documentation for the latest stable version of Moodle is likely available here: Video.

Video: Difference between revisions

From MoodleDocs
(update, obtaining subtitles)
Line 8: Line 8:


When server space or upload limits are restricted, it is convenient to upload videos to an online site like [http://www.youtube.com YouTube] or [http://vimeo.com Vimeo]. They can easily be embedded inside Moodle from such sites and privacy can still be maintained if you choose their private video sharing option.
When server space or upload limits are restricted, it is convenient to upload videos to an online site like [http://www.youtube.com YouTube] or [http://vimeo.com Vimeo]. They can easily be embedded inside Moodle from such sites and privacy can still be maintained if you choose their private video sharing option.
===Cross domain video hosting===
Flash video players require permission to play videos hosted on a different URL, e.g. yourmoodle.org needs permission to play video files hosted at yourvideo.org. The permission files are stored on the root domain of where the video files are hosted, e.g. yourvideos.org/crossdomain.xml. If yourvideos.org does not have a cross domain policy file that permits yourmoodle.org to play videos, Flash Player will not permit it. Further details are available here [http://code.google.com/p/moodle-mplayer/wiki/CrossDomainSecurity].
Many public video hosting services, such as YouTube.com, already have catch-all cross domain policy files in place and so videos can be played from them via your Moodle without any cross domain security issues arising.


==Ways of displaying video==
==Ways of displaying video==


===Linking to a video online elsewhere===
===Linking to a video online elsewhere===
*If your video is hosted elsewhere online (such as youtube) you can simply link to the relevant page by choosing [[URL]] from 'Add an activity or resource' and pasting in the relevant link.
*If your video is hosted elsewhere online (such as YouTube or Vimeo) you can simply link to the relevant page by choosing [[URL]] from 'Add an activity or resource' and pasting in the relevant link.
*Note that, in an establishment where certain video sharing sites might be banned, your students might not be able to access your video through Moodle.
*Note that, in an establishment where certain video sharing sites might be banned, your students might not be able to access your video through Moodle.


Line 24: Line 18:
{{New features}}
{{New features}}
*If your browser allows resources to be dragged and dropped, then you can turn on the editing and drag the video directly onto the course page.
*If your browser allows resources to be dragged and dropped, then you can turn on the editing and drag the video directly onto the course page.
*A box will then appear for you to decide whether you want the video embedded in a label, or added as a clickable file resource:
*A box will then appear for you to decide whether you want the video embedded in a label, or added as a clickable file resource.
 
*Alternatively, you can upload the video by turning the editing on and choosing ''Add an activity or  resource > [[File]]''
 
 
*Alternatively, you can upload the video by turning the editing on and choosing ''Add an activity or  resource>[[File|File]]''


===Embedding a video in its own player===
===Embedding a video in its own player===
Line 45: Line 36:
*'''Display options''' allows you to specify a height and width for the video
*'''Display options''' allows you to specify a height and width for the video
*'''Advanced settings''' allows you to decide how the video will play
*'''Advanced settings''' allows you to decide how the video will play
*'''Subtitles and captions''' allows you to add subtitle files (VTT) in different languages and/or caption files, with descriptions, chapters and metadata. Subtitles, captions, chapters and descriptions can be added to videos and audios using the [https://w3c.github.io/webvtt/ WebVTT file format]. These files can be created using caption making software or just plain text editor.
*'''Subtitles and captions''' allows you to add subtitle files (VTT) in different languages and/or caption files, with descriptions, chapters and metadata. Subtitles, captions, chapters and descriptions can be added to videos and audios using the [https://w3c.github.io/webvtt/ WebVTT file format]. These files can be created using caption making software or just a plain text editor. If the video is on YouTube, subtitles can be generated automatically then corrected. Software such as Camtasia enables subtitles to be easily added.
*Click the Insert media button when you are ready.
*Click the Insert media button when you are ready.
*Your video will appear a blue link until you save the changes.
*Your video will appear a blue link until you save the changes.
Line 55: Line 46:
*With your editing turned on, click into the Atto editor where you wish to embed your video.
*With your editing turned on, click into the Atto editor where you wish to embed your video.
*Type some blank spaces (or some text) and select them.
*Type some blank spaces (or some text) and select them.
*Click the hyperlink icon as in the following screenshot.(The icon will only be clickable if you have selected text or spaces)
*Click the hyperlink icon as in the following screenshot. (The icon will only be clickable if you have selected text or spaces.)
[[File:Hyperlinkicon.png]]
[[File:Hyperlinkicon.png]]
*Click 'Browse repositories'
*Click 'Browse repositories'

Revision as of 13:54, 1 September 2017


Video is a very powerful tool to use in a Moodle course, allowing students, for example to catch up on lectures they missed, learn from a "how to" screencast, or improve their language skills by watching native speakers interact.

Where to host the videos

If you upload your videos to your Moodle site, storing them on your own server, then you retain ultimate control. If you are worried about multiple copies of the same video taking up lots of space, then that is not a problem; the Moodle file system is clever enough to only store a single copy of a file, no matter how many times you upload it to your server.

When server space or upload limits are restricted, it is convenient to upload videos to an online site like YouTube or Vimeo. They can easily be embedded inside Moodle from such sites and privacy can still be maintained if you choose their private video sharing option.

Ways of displaying video

Linking to a video online elsewhere

  • If your video is hosted elsewhere online (such as YouTube or Vimeo) you can simply link to the relevant page by choosing URL from 'Add an activity or resource' and pasting in the relevant link.
  • Note that, in an establishment where certain video sharing sites might be banned, your students might not be able to access your video through Moodle.

Uploading a video

New feature
in Moodle 3.4!

  • If your browser allows resources to be dragged and dropped, then you can turn on the editing and drag the video directly onto the course page.
  • A box will then appear for you to decide whether you want the video embedded in a label, or added as a clickable file resource.
  • Alternatively, you can upload the video by turning the editing on and choosing Add an activity or resource > File

Embedding a video in its own player

Moodle uses VideoJS player as its default player as it is responsive and displays video well across devices and browsers. With the Multimedia plugins filter enabled, videos may be embedded as follows:

Using the Moodle media icon

(Note that these instructions are for the Atto editor)

  • With your editing turned on, click into the Atto editor text box where you wish to embed your video.
  • Click the Moodle media icon as in the following screenshot:

Addmedia.png

  • If your video is online, paste its URL in to the Source URL box.
  • If your video is one you want to upload, click the Video tab.

DocsVideoInsertMedia.png

  • Click the Browse repositories button to locate and upload your video from the repository where it is stored. (What you see depends on what the admin has enabled.) If you have it in more than one file type (such as .mov and .mp4) then you can upload an alternative video by clicking 'Add alternative source'.
  • Display options allows you to specify a height and width for the video
  • Advanced settings allows you to decide how the video will play
  • Subtitles and captions allows you to add subtitle files (VTT) in different languages and/or caption files, with descriptions, chapters and metadata. Subtitles, captions, chapters and descriptions can be added to videos and audios using the WebVTT file format. These files can be created using caption making software or just a plain text editor. If the video is on YouTube, subtitles can be generated automatically then corrected. Software such as Camtasia enables subtitles to be easily added.
  • Click the Insert media button when you are ready.
  • Your video will appear a blue link until you save the changes.

DocsVideoVideoJS.png

Using a hyperlink

(Note: this method has no advantage over using the media icon.)

  • With your editing turned on, click into the Atto editor where you wish to embed your video.
  • Type some blank spaces (or some text) and select them.
  • Click the hyperlink icon as in the following screenshot. (The icon will only be clickable if you have selected text or spaces.)

Hyperlinkicon.png

  • Click 'Browse repositories'
  • This takes you to the file picker. Follow the instructions for uploading/selecting your video as for using the Moodle media icon.
  • When your video is chosen, it will appear in the link URL box as below. Click Insert:
  • Don't panic! You will now only get a blue line (if you selected blank spaces) or the actual text underlined in the Atto editor:

linklinkatto.png

  • When you click save changes to return to the main course page, your video will display.

Using embed code to display external videos

  • Go to your chosen video sharing site and find the embed code of the video you wish to display. Copy this code.
  • With your editing turned on, click into the Atto editor where you wish to embed your video.
  • Click the HTML code icon as in the following screenshot:

AttoEmbedCode.png

  • Paste your embed code into the box:
  • Save your changes
  • Your video will display embedded in a player. Youtube videos by default play via the VideoJS player.

VideoJSOfficialMusicVideo.png

See also

Forum discussions: