Help:Adding Media/Video

From UBC Wiki
< Help:Adding Media
Revision as of 09:45, 11 October 2017 by WillEngle (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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=315|width=420}}
Embedding a Kaltura video: must be done through the Kaltura widget
Link to add: http://www.kaltura.com/index.php/ kwidget/wid/0_dr7b6w3w/ uiconf_id/1760292
{{#widget:Kaltura|dataurl=http://www.kaltura.com/index.php/ kwidget/wid/0_dr7b6w3w/ uiconf_id/1760292 |width=400}} video platformvideo managementvideo solutionsvideo player

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:

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.



See Also