Adding video: Difference between revisions
No edit summary |
Kim Jackson (talk | contribs) No edit summary |
||
(42 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
You can add video to any Physiopedia page as long as it has been uploaded to [ | == 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> | |||
To add video to a page | 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 [[Editing pages|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: | ||
*<tt><nowiki>{{#ev:service|id}}</nowiki></tt> -or- | *<tt><nowiki>{{#ev:service|id}}</nowiki></tt> -or- | ||
Line 12: | Line 9: | ||
Where: | Where: | ||
*<tt> | *<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> | *<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 (height will be determined automatically) | *<tt>width</tt> (optional) is the width in pixels of the viewing area (the height will be determined automatically) | ||
For example, to include the famous "evolution of dance" YouTube video, you'd enter: | == Adding a YouTube Video == | ||
For example, '''to include''' the famous "evolution of dance" YouTube video, you'd enter: | |||
<pre>{{#ev:youtube|dMH0bHeiRNg}}</pre> | <pre>{{#ev:youtube|dMH0bHeiRNg}}</pre> | ||
Which would give: {{#ev:youtube|dMH0bHeiRNg}} | Which would give: | ||
{{#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: | |||
<pre>{{#ev:youtube|dMH0bHeiRNg|300}}</pre> | |||
Which would give: | |||
{{#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: | |||
<pre><div class="row"> | |||
<div class="col-md-6"> {{#ev:youtube|dMH0bHeiRNg|250}} </div> | |||
<div class="col-md-6"> {{#ev:youtube|dMH0bHeiRNg|250}} </div> | |||
</div> | |||
</pre> | |||
Which would look 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> | |||
== Add a Reference to Your Video == | |||
To '''reference the video''', you would add: | |||
<pre>{{#ev:youtube|id|width}}<ref>reference</ref> </pre> | |||
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: | |||
<pre>{{#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></pre> | |||
{{#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 | |||
<u>Alternatively you could add videos like this:</u> | |||
'''Two Side by Side - with references''' | |||
<pre><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></pre> | |||
<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''' | |||
<pre><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></pre> | |||
<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== | |||
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)<br><tt><nowiki><iframe src="//player.vimeo.com/video/'''83459399'''" width="500" height="281" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></nowiki></tt><br> | |||
#Go to pages in Physiopedia where the video should be added | |||
#Add this code:<br><pre><clinicallyrelevant id="VIDEO ID" title="NAME OF VIDEO" /></pre> | |||
== References == | |||
<references /> | |||
[[Category:User Tutorials]] | |||
[[Category:Help]] |
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]