Difference between revisions of "Embed"

From Reembodied Sound Wiki
Jump to: navigation, search
Line 23: Line 23:
 
<html5media height="180" width="320">https://www.youtube.com/watch?v=ovASq1-TfF0</html5media>
 
<html5media height="180" width="320">https://www.youtube.com/watch?v=ovASq1-TfF0</html5media>
  
For Vimeo videos, use a [[WidgetInfo widget]] (the id # is the number at the end of the video page url: e.g. https://vimeo.com/29978729 <= id number is is 29978729
+
For Vimeo videos, use a [[WidgetInfo|widget]] (the id # is the number at the end of the video page url: e.g. https://vimeo.com/29978729 <= id number is is 29978729
 
<br>
 
<br>
 
<pre>{{#widget:Vimeo|id=29978729|height=180|width=320}}</pre><br>
 
<pre>{{#widget:Vimeo|id=29978729|height=180|width=320}}</pre><br>

Revision as of 20:54, 22 March 2016

Uploaded Files

pictures

Pictures can be embedded using the standard MediaWiki syntax:

[[File:Hands-on.jpg|120px]]

embeds the picture:
Hands-on.jpg

media files

Most media files can use Html5Media player. For an uploaded file use the MediaWiki syntax within the Html5Mediaplayer tags.:

<html5media>File:Gigue-Leonarda.mp3</html5media>

<html5media>File:Gigue-Leonarda.mp3</html5media>
However, it is recommended that large 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 by using the url of the file. For example, this file is hosted on www.matthewgoodheart.com:

<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>

produces:
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>

This is a linked YouTube video - note that you can use "height=" and "width=" to create the size player that you would like :

<html5media height="180" width="320">https://www.youtube.com/watch?v=ovASq1-TfF0</html5media>

<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 is is 29978729

{{#widget:Vimeo|id=29978729|height=180|width=320}}


{{#widget:Vimeo|id=29978729|height=180|width=320}}

If you do not have a Vimeo or YouTube account, contact the administrator, and we may be able to upload it to the Evolving Door Music Vimeo or YouTube channel.

Sound Cloud files

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:

  • Be sure you have created the page you would like to embed your file on.
  • 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. )
  • Copy to the text to the page you would like to embed the file one.
{{#widget:Iframe
|url=http://docs.google.com/present/embed?id=dcn37mcz_22cmnwnwf8
|width=410
|height=342
|border=0
}}