Help:Adding Media/Video

From UBC Wiki
Jump to: navigation, search

Adding Video

It is not possible to directly upload videos to the UBC Wiki; however you can embed video files from another service like youtube or Kaltura. If you want to embed a video (from YouTube for example), choose the piece of the video url code that specifies the video file (For example, the bolded part at the end of the url: http://www.youtube.com/watch?v=kQK3D-zGG6s) and put it in this format:




What You Want to Do Example of Wiki Code to Use What You See
Embedding a video file: for example the YouTube video at
http://www.youtube.com/watch?v=WZkvkcgjXbM
{{#widget:YouTube|id=WZkvkcgjXbM|height=215|width=320}}
Embedding a Kaltura video: must be done through the Kaltura widget
Link to add:
https://learning.video.ubc.ca/media/Public+Domain+Video+/0_lmoxi8fq uiconf_id/1760292
{{#widget:Kaltura|id=0_lmoxi8fq|width=300}}

Aligning Videos to the Left or Right

You can use html div's to align your video to the left or right side of the page. For example, the following code places the video on the left side of the page in wikitext mode:

What You Want to Do Example of Code to Use What You See
Align Video to the Right
<div class="thumb tright">
<div class="thumbinner">
{{#widget:YouTube|id=WZkvkcgjXbM|height=315|width=420}}<br/>
<div class="thumbcaption">Here is a YouTube Video<br/>
</div></div></div>


Here is a YouTube Video
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Align Video to the Left
<div class="thumb tleft">
<div class="thumbinner">
{{#widget:YouTube|id=WZkvkcgjXbM|height=315|width=420}}<br/>
<div class="thumbcaption">Here is a YouTube Video<br/>
</div></div></div>


Here is a YouTube Video
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Adding Video in Visual Editor

When you insert a widget code (including YouTube, Slideshare, etc.) to the Visual Editor, copy the code then paste it to the Visual Editor. Then click on the code, and press edit. Then, you can change the parameter and press Apply Changes.

Paste the example code to the visual editor. Click on the code, and press edit. Then, change the parameter and press Apply Changes

See Also