Adding video

Using Code to Add a Video[edit | edit source]

You can add a video to any Physiopedia page as long as it has been uploaded to a video sharing service, such as YouTube or Vimeo first.

Unfortunately it is not as simple as just adding the link that the video-sharing service provides to the page that you are editing. To add a video to a page it will need to be added directly to the source code. So first click on the Edit Source link under the Edit drop-down menu from the top navigation bar.  Then add the following code to the page where you want the video to appear:

  • {{#ev:service|id}} -or-
  • {{#ev:service|id|width}}

Where:

  • id is the id of the video to include (id can be found in the URL on the video's page in YouTube) for example, https://www.youtube.com/watch?v=dMH0bHeiRNg where the bit in bold is the id.
  • service service is the name of a video sharing service (the following video sharing services are supported: Vimeo, YouTube)
  • width (optional) is the width in pixels of the viewing area (the height will be determined automatically)

Adding a YouTube Video[edit | edit source]

For example, to include the famous "evolution of dance" YouTube video, you'd enter:

{{#ev:youtube|dMH0bHeiRNg}}

Which would give:

Adding a Vimeo Video[edit | edit source]

For example, if we wanted to add the Rebound Therapy Vimeo video, you would add:

{{#ev:vimeo|292383728}}

Which would give:

.

Resizing your Video[edit | edit source]

And if you wanted scaled down to a smaller size, you could use:

{{#ev:youtube|dMH0bHeiRNg|300}}

Which would give:

Adding Videos Side by Side[edit | edit source]

If you wish to add two videos side by side you will need to use columns like this:

<div class="row">
  <div class="col-md-6"> {{#ev:youtube|dMH0bHeiRNg|250}} </div>
  <div class="col-md-6"> {{#ev:youtube|dMH0bHeiRNg|250}} </div>
</div>

Which would look like this:

Add a Reference to Your Video[edit | edit source]

To reference the video, you would add:

{{#ev:youtube|id|width}}<ref>reference</ref> 

Where: reference is the reference for the video (which will automatically appear at the bottom of the saved page)

So for example, to include a reference with the famous "evolution of dance" YouTube video, you'd enter:

{{#ev:youtube|dMH0bHeiRNg|300}}<ref>Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]</ref>

[1]

Which would add the reference to the reference list on the bottom of the page

Alternatively you could add videos like this:

Two Side by Side - with references

<div class="row">
  <div class="col-md-6"> {{#ev:youtube|dMH0bHeiRNg|250}} <div class="text-right"><ref>Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]</ref></div></div>
  <div class="col-md-6"> {{#ev:youtube|dMH0bHeiRNg|250}} <div class="text-right"><ref>Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]</ref></div></div>
</div>

Three Side by Side - with references

<div class="row">
  <div class="col-md-4"> {{#ev:youtube|dMH0bHeiRNg|250}} <div class="text-right"><ref>Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]</ref></div></div>
  <div class="col-md-4"> {{#ev:youtube|dMH0bHeiRNg|250}} <div class="text-right"><ref>Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]</ref></div></div>
<div class="col-md-4"> {{#ev:youtube|dMH0bHeiRNg|250}} <div class="text-right"><ref>Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]</ref></div></div>
</div>

Adding Clinically Relevant Videos[edit | edit source]

The process for adding videos created by Clinically Relevant is done by a different method than above. To add these videos follow the instructions below:

  1. Go to the video resource page on Plus eg. https://members.physio-pedia.com/techniques/examination-techniques/?test=322
  2. Right click on the video and click on "Inspect"
  3. Look for the video URL and take the id number (that's the number at the end of the video link highlighted in bold)
    <iframe src="//player.vimeo.com/video/'''83459399'''" width="500" height="281" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="">
  4. Go to pages in Physiopedia where the video should be added
  5. Add this code:
    <clinicallyrelevant id="VIDEO ID" title="NAME OF VIDEO" />

References[edit | edit source]

  1. Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
  2. Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
  3. Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
  4. Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
  5. Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
  6. Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]