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
m (removing new features template)
 
(18 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{Working with media}}
{{Working with media}}
*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.
 
*For a discussion on the best type of video file for Moodle, see [http://moodle.org/mod/forum/discuss.php?d=143478| here]
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.
''
*For a discussion of the best programs for creating screencasts, see [http://moodle.org/mod/forum/discuss.php?d=147891| here]


==Where to host the videos==
==Where to host the videos==


*Whenever possible, it is preferable to upload your videos to Moodle, storing them on your own server as you retain ultimate control. However, when server space or upload limits are restricted, it is convenient to upload videos to an online site like youtube [http://www.youtube.com] or  Vimeo[http://vimeo.com]. They can easily be embedded inside Moodle from such sites and privacy can still be maintained if you choose their private video sharing option.
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.
 
===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.
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.


==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 ''Add a resource>[[URL|URL]]'' 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.
*For more information, see [[URL|URL]]
*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.


===Uploading a video for students to download===
===Uploading a video===
*Choose this option if you wish to upload your video to Moodle and give users the option to download it to their own computers.
 
*Choose ''Add an activity or  resource>[[File|File]]''
*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.
*For more information, see [[File|File]]
*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.
*Note that the way the video will display depends on the software the user has on their own computer. This could mean that some students might be unable to view your video. (See this discussion [http://moodle.org/mod/forum/discuss.php?d=143478| here])
*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===
===Embedding a video in its own player===
*Moodle has an inbuilt video player called Flowplayer. If the [[Multimedia plugins filter|multimedia plugins filter]] is enabled by the administrator, videos embedded into the text editor will play inline in Flowplayer.
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:
*Anywhere that Moodle's TinyMCE text editor is available, it is possible to embed a video, for example in a [[Label|label]] or a [[Page|page]], a course topic summary, a [[Description_question_type| quiz description]] or a [[Lesson|lesson]].
*One exception seems to be MP4 files.  They don't seem to play in Flowplayer unless hacked.  See discussion here: http://moodle.org/mod/forum/discuss.php?d=208849


====Using the Moodle media icon====
====Using the Moodle media icon====
*With your editing turned on, click into the HTML editor where you wish to embed your video.  
 
''(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:
*Click the Moodle media icon as in the following screenshot:
[[File:Addmedia.png]]
[[File:Addmedia.png]]
*Click ''Browse repositories''
*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.
[[File: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 [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. '''NOTE:''' ''The files must be uploaded to Moodle; they will not display if they are linked from elsewhere.''
*Click the Insert media button when you are ready.
*Your video will appear a blue link until you save the changes.


[[File:attomediaupload.png]]
[[File:DocsVideoVideoJS.png]]
 
*The file picker will appear:
[[File:Filepickermedia.png]]
*Either click ''Upload a file'' to upload from your computer or choose the appropriate repository from which you wish to bring in your video. (What you see will depend on what the Moodle admin has enabled)
*Note: '''To search for and embed a video from youtube, [[Youtube_videos|see here]]'''
*Change the ''save as/author/license'' settings if desired and click ''upload this file'' or ''select this file''
*Your video will appear in a preview player. Click ''Insert'' at the bottom
*'''''Don't panic''!''' You will now only get a blue text link of your video:
[[File:Moodletvgirlpreview.png]]
*When you click ''save changes'' to return to the main course page, your video will display:
[[File:Moodletvgirl2.png]]


====Using a hyperlink====
====Using a hyperlink====
(Note - this method has no advantage over using the media icon, but was popular in older versions of Moodle)
''(Note: this method has no advantage over using the media icon.)''
*With your editing turned on, click into the HTML 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'
*This takes you to the file picker. Follow the instructions for uploading/selecting your video as for using the Moodle media icon.
*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:''
*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 HTML editor:
*'''''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:
[[File:linklinkatto.png]]
[[File:linklinkatto.png]]
*When you click ''save changes'' to return to the main course page, your video will display.
*When you click ''save changes'' to return to the main course page, your video will display.
Line 67: Line 57:
====Using embed code to display external videos====
====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.
*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 HTML 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.
*Click the HTML code icon as in the following screenshot:
*Click the HTML code icon as in the following screenshot:
[[File:Htmlcodeicon.png]]
[[File:AttoEmbedCode.png]]
*Paste your embed code into the box:
*Paste your embed code into the box:
[[File:Embedcode.png]]
*Save your changes
*Scroll down and click "update".
*Your video will display embedded in a player. Youtube videos by default play via the [[VideoJS player]].
*Your video will be previewed in the HTML editor. Click ''save changes'' for it to display on the page
[[File:VideoJSOfficialMusicVideo.png]]
[[File:Youtubevideo.png]]


==See also==
==See also==
*[[Video_FAQ|Video FAQ]]
*[[Media FAQ]]
*[[Multimedia plugins filter]]
*[[Multimedia plugins filter]]
*[http://www.mguhlin.org/2012/01/embedding-videos-in-moodle-22.html Embedding Videos in #Moodle 2.2] blog post from Miguel Guhlin
 
*[[Videofile]] plugin with multilanguage captions capability
Forum discussions:
*[http://moodle.org/mod/forum/discuss.php?d=143478 Best video format]
*[https://moodle.org/mod/forum/discuss.php?d=344662 download h5p interactive video in moodle]


[[de:Video]]
[[de:Video]]
[[es:Video]]
[[es:Video]]

Latest revision as of 07:09, 26 October 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

  • 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. NOTE: The files must be uploaded to Moodle; they will not display if they are linked from elsewhere.
  • 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: