Embedding Video and Audio in a Wiki Page

From LIS5313 Course Wiki

Jump to: navigation, search
  • Below are instructions for embedding video and audio on a wiki page (for this wiki). It may look complicated at first, but actually the code is very simple. I encourage you to try it!


Embedding Video from Blip.tv on the Wiki

  • The first step is to identify the embed URL of the video you want to use.
  • Go to the Blip.tv page for the video you want to embed. On the right side of the page (next to the video) you will see the following menu:
  • Click on the "Share" button and select "Embed". It should then change to the following:
  • Click the "Go" button. The following code will be revealed:
  • Highlight and copy the embed URL only (i.e, the part in RED in the above image). Do not copy all of the code provided. The embed URL is the only part of the code that you will be using.
  • Once you have the embed URL, use the following code on the wiki:
<gflash>400 300 EmbedURL</gflash>
Note: The numbers "400" and "300" refer to the width and height of the video, respectively. You can adjust these if you feel you need to; just make sure that you check that the video looks okay on the wiki page when you save it.
  • For example, using the embed url from the example above, the wiki code is:
<gflash>400 300 http://blip.tv/play/AamYWQA</gflash>.
  • With this code, the video appears on the wiki like this:

  • Note that if you want to use a video you've uploaded to Blip.tv, you first need to make sure that Blip.tv has converted your video to Flash format. It will do this automatically when you upload your video file, but it can take a few minutes for it to complete the task. Go to your Dashboard in Blip.tv, and it will tell you whether it has converted the file or not. For example:
Blip.tv Dashboard (showing files have been converted to Flash)
  • Once your video is listed as "Completed", click on the title link, which will take you to the Blip.tv page for that video. You can then follow the instructions listed above for identifying the embed URL.


Embedding Video from YouTube on the Wiki

  • The first step is to identify the embed URL of the video you want to use.
  • Here's an example of finding the embed URL in YouTube. If you go to http://www.youtube.com/watch?v=ddO9idmax0o you'll see the Common Craft video, "Twitter in Plain English". Copy the html "embed code" provided on the right side of the page, and paste it somewhere where you can review it. It should look like something like this:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/ddO9idmax0o&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ddO9idmax0o&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
  • In html code provided above, the embed URL is in bold. Highlight and copy the embed URL only. Do not copy all of the code provided. The embed URL is the only part of the code that you will be using.
  • Once you have the embed URL, use the following code on the wiki:
<gflash>400 300 EmbedURL</gflash>
Note: The numbers "400" and "300" refer to the width and height of the video, respectively. You can adjust these if you feel you need to; just make sure that you check that the video looks okay on the wiki page when you save it.
  • For example, using the embed url for "Twitter in Plain English," the wiki is:
<gflash>400 300 http://www.youtube.com/v/ddO9idmax0o&hl=en&fs=1</gflash>
  • With this code, the video appears on the wiki like this:

  • You can adapt these instructions for video from many other video sharing sites. Simply identify the embed URL of the video you want to use, and then use the "gflash" code provided above.


Uploading and Embedding Audio on the Wiki

  • To embed audio in a wiki page, you first need to upload the file to the wiki.
  • To upload an mp3 audio file to the wiki, click the "Upload file" button that can be found in the left column of the wiki in the "toolbox" section. Click "Browse" to select the file from your computer.
  • Note that if your file is larger than 150KB, you will receive an "Upload Warning". To ignore the warning, simply click "Save File".
  • Copy the file name (including the .mp3 extension).
  • In your wiki page, insert the following code: <mp3>FILENAME.mp3‎</mp3>. For example:
<mp3>100010434.mp3‎</mp3>
  • The embedded audio should appear on the wiki like this:
Retrieved from "http://lis5313.ci.fsu.edu/wiki/index.php/Embedding_Video_and_Audio_in_a_Wiki_Page"
Personal tools