Adding video: Difference between revisions
Kim Jackson (talk | contribs) No edit summary |
Kim Jackson (talk | contribs) m (Text replacement - "Physioplus " to "Plus") |
||
Line 79: | Line 79: | ||
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 Pluseg. 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> |
Revision as of 11:18, 18 August 2022
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)
For example, to include the famous "evolution of dance" YouTube video, you'd enter:
{{#ev:youtube|dMH0bHeiRNg}}
Which would give:
And if you wanted scaled down to a smaller size, you could use:
{{#ev:youtube|dMH0bHeiRNg|300}}
Which would give:
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:
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 Pluseg. 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]