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

Video: Difference between revisions

From MoodleDocs
Main page ► Managing content ► Working with media ► Video
Working with media
m (tidying up)
(Atto media icon changes)
Line 28: Line 28:


===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  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.  
{{New features}}
''(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.
*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)
Line 60: Line 57:
*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 66: Line 63:
====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 playuer]].
*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==

Revision as of 11:58, 6 December 2016

Using video in Moodle

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

  • 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 [1] or Vimeo[2]. 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 [3].

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

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 and pasting in the relevant link.
  • For more information, see 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.

Uploading a video for students to download

  • 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
  • For more information, see File
  • 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 here)

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

New feature
in Moodle 3.6!

(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.
  • 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 playuer.

VideoJSOfficialMusicVideo.png

See also

Forum discussions:

Retrieved from "https://docs.moodle.org/36/en/index.php?title=Video&oldid=126316"
Powered by MediaWiki