Adding video: Difference between revisions
Kim Jackson (talk | contribs) No edit summary |
Kim Jackson (talk | contribs) No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
== Using Code to Add a Video == | |||
You can add a video to any Physiopedia page as long as it has been uploaded to a video sharing service, such as [http://www.youtube.com YouTube] or [http://www.vimeo.com Vimeo] first.<br> | You can add a video to any Physiopedia page as long as it has been uploaded to a video sharing service, such as [http://www.youtube.com YouTube] or [http://www.vimeo.com Vimeo] first.<br> | ||
Line 10: | Line 11: | ||
*<tt>id</tt> 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. | *<tt>id</tt> 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. | ||
*<tt>service</tt> service is the name of a video sharing service (the following video sharing services are supported: Vimeo, YouTube) | *<tt>service</tt> service is the name of a video sharing service (the following video sharing services are supported: Vimeo, YouTube) | ||
*<tt>width</tt> (optional) is the width in pixels of the viewing area (the height will be determined automatically) | *<tt>width</tt> (optional) is the width in pixels of the viewing area (the height will be determined automatically) | ||
== Adding a YouTube Video == | |||
For example, '''to include''' the famous "evolution of dance" YouTube video, you'd enter: | For example, '''to include''' the famous "evolution of dance" YouTube video, you'd enter: | ||
<pre>{{#ev:youtube|dMH0bHeiRNg}}</pre> | <pre>{{#ev:youtube|dMH0bHeiRNg}}</pre> | ||
Line 17: | Line 20: | ||
{{#ev:youtube|dMH0bHeiRNg}} | {{#ev:youtube|dMH0bHeiRNg}} | ||
< | == Adding a Vimeo Video == | ||
For example, if we wanted to add the Rebound Therapy Vimeo video, you would add: | |||
<pre>{{#ev:vimeo|292383728}}</pre> | |||
Which would give: | |||
{{#ev:vimeo|292383728}}. | |||
==Resizing your Video== | |||
And if you wanted '''scaled down to a smaller size''', you could use: | And if you wanted '''scaled down to a smaller size''', you could use: | ||
<pre>{{#ev:youtube|dMH0bHeiRNg|300}}</pre> | <pre>{{#ev:youtube|dMH0bHeiRNg|300}}</pre> | ||
Line 25: | Line 34: | ||
{{#ev:youtube|dMH0bHeiRNg|300}} | {{#ev:youtube|dMH0bHeiRNg|300}} | ||
==Adding Videos Side by Side == | |||
If you wish to add '''two videos side by side''' you will need to use columns like this: | If you wish to add '''two videos side by side''' you will need to use columns like this: | ||
Line 40: | Line 49: | ||
</div> | </div> | ||
== Add a Reference to Your Video == | |||
To '''reference the video''', you would add: | To '''reference the video''', you would add: | ||
<pre>{{#ev:youtube|id|width}}<ref>reference</ref> </pre> | <pre>{{#ev:youtube|id|width}}<ref>reference</ref> </pre> | ||
Line 79: | Line 88: | ||
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: | 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: | ||
#Go to the video resource page on | #Go to the video resource page on Plus eg. https://members.physio-pedia.com/techniques/examination-techniques/?test=322 | ||
#Right click on the video and click on "Inspect" | #Right click on the video and click on "Inspect" | ||
#Look for the video URL and take the id number (that's the number at the end of the video link highlighted in bold)<br><tt><nowiki><iframe src="//player.vimeo.com/video/'''83459399'''" width="500" height="281" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></nowiki></tt><br> | #Look for the video URL and take the id number (that's the number at the end of the video link highlighted in bold)<br><tt><nowiki><iframe src="//player.vimeo.com/video/'''83459399'''" width="500" height="281" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></nowiki></tt><br> |
Latest revision as of 12:39, 19 December 2022
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>
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:
- Go to the video resource page on Plus eg. https://members.physio-pedia.com/techniques/examination-techniques/?test=322
- Right click on the video and click on "Inspect"
- 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=""> - Go to pages in Physiopedia where the video should be added
- Add this code:
<clinicallyrelevant id="VIDEO ID" title="NAME OF VIDEO" />
References[edit | edit source]
- ↑ Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
- ↑ Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
- ↑ Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
- ↑ Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
- ↑ Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]
- ↑ Judson Laipply. The Evolution of Dance. Available from: http://www.youtube.com/watch?v=dMH0bHeiRNg [last accessed 6/6/2009]