Difference between revisions of "Embed"
Line 5: | Line 5: | ||
[[File:Hands-on.jpg|120px]] | [[File:Hands-on.jpg|120px]] | ||
− | Most | + | Most media files can use Html5Media player. |
This is an uploaded mp3 file.<br> | This is an uploaded mp3 file.<br> | ||
<html5media>File:Gigue-Leonarda.mp3</html5media> | <html5media>File:Gigue-Leonarda.mp3</html5media> | ||
− | + | However, it is recommended that longer media files (such as work examples) be embedded from other sources. | |
− | + | ==Embedding from another source== | |
+ | The Html5Media player can also stream media files hosted on other servers. | ||
+ | This mp3 file is streamed from www.matthewgoodheart.com:<br> | ||
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media> | <html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media> | ||
Line 34: | Line 36: | ||
}} | }} | ||
− | ==To embed a Sound Cloud file:== | + | ===To embed a Sound Cloud file:=== |
* Go to Sound Cloud go to page of the Sound Cloud file you would like to embed. | * Go to Sound Cloud go to page of the Sound Cloud file you would like to embed. | ||
* Click on the "share" button. | * Click on the "share" button. | ||
* Click on "Embed." | * Click on "Embed." | ||
* Copy the text that appears in the box below "Code and preview." (Do NOT check the "WordPress Code" box. ) | * Copy the text that appears in the box below "Code and preview." (Do NOT check the "WordPress Code" box. ) |
Revision as of 20:24, 22 March 2016
Use "edit" to see the code.
Uploaded Files
Pictures can be embedded using the standard MediaWiki syntax:
Most media files can use Html5Media player.
This is an uploaded mp3 file.
<html5media>File:Gigue-Leonarda.mp3</html5media>
However, it is recommended that longer media files (such as work examples) be embedded from other sources.
Embedding from another source
The Html5Media player can also stream media files hosted on other servers.
This mp3 file is streamed from www.matthewgoodheart.com:
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>
This is a linked YouTube video :
<html5media height="180" width="320" >https://www.youtube.com/watch?v=ovASq1-TfF0</html5media>
For Vimeo videos, use a widget (the id # is the number at the end of the video page url: e.g. https://vimeo.com/29978729 <= id number
{{#widget:Vimeo|id=29978729|height=180|width=320}}
the id # is the number at the end of the video page url: e.g. for https://vimeo.com/29978729 the id# is 29978729
If you do not have a vimeo page, contact the administrator, and we may be able to upload it to the Evolving Door Music vimeo channel
Sound Cloud files can be embedded using the Iframe widget.
{{#widget:Iframe |url=https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/250492118&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true |width=810 |height=100 }}
To embed a Sound Cloud file:
- Go to Sound Cloud go to page of the Sound Cloud file you would like to embed.
- Click on the "share" button.
- Click on "Embed."
- Copy the text that appears in the box below "Code and preview." (Do NOT check the "WordPress Code" box. )