Skip to Content

Academic Technology & Creative Services


link to TOOLS homepage

 

Media Server - Creating Links in a Webpage

If you are designing a web site or already have one (for example, a Faculty Website) that students or other users access to download course material, learn about the courses you teach and other information, you can enhance it by adding audio or video. The following sections explain how to link or embed audio and video files for use on the Web.

Link to Video or Audio

The easiest way to add multimedia to your Web page is to add a hyperlink to your audio or video file on your Web page.

Select one of the samples below that matches the format of your audio or video file — RealMedia, QuickTime or Windows Media. Follow the steps to create a link to a video or audio file.

  1. Copy the text of the sample URL or copy the sample HTML for the link.
  2. Paste the link or HTML into your Web page where you want your link to appear.
  3. Replace the directory and file names (e.g. “videodemo/sample.rm”) with your actual file location.
  4. Replace the label for the link, such as “my video link,” with the text you want displayed in your Web page for the visitor to click. Please leave the remainder of the link syntax exactly as it exists below.

Real Media (.rm file extension)

Sample link URL: http://media1.csus.edu:8080/ramgen/usr/videodemo/sample.rm

Sample HTML for the link:
<ahref="http://media1.csus.edu:8080/ramgen/usr/videodemo/sample.rm">my video link</a>

Sample link to Real Media example


QuickTime (.mov file extension)

We recommend you convert your QuickTime files to RealMedia, which are handled more easily on the media server. Use the built-in Video Converter in RealPlayer to convert media and videos. The samples below do not work in all browsers and operating systems.

Sample link URL:
http://media1.csus.edu:8080/usr/videodemo/sample.mov

Sample HTML for the link:
<a href="http://media1.csus.edu:8080/usr/videodemo/sample.mov">my video link</a>

Sample link to QuickTime example


Windows Media (.wma and .wmv file extensions)

Method 1: Try this method first, but not all browsers can handle the "mms" protocol.

Sample link URL:
mms://media1.csus.edu/usr/videodemo/sample.wmv

Sample HTML for the link:
<a href="mms://media1.csus.edu/usr/videodemo/sample.wmv">my video link</a>

Method 2: Use this method if the first method doesn't work on your computer or your visitors have difficulty using the first link method.

Sample link URL:
http://media1.csus.edu:8080/asxgen/usr/videodemo/sample.wmv

Sample HTML for the link:
<ahref="http://media1.csus.edu:8080/asxgen/usr/videodemo/
sample.wmv"> my video link</a>

Embed Video or Audio

The process of placing your audio or video file within a Web page is called embedding. When you embed an audio or video file, you place a media player, such as RealPlayer, in your Web page, complete with control buttons, instead of having the browser launch the media player outside the browser. This method allows you to place text and images in your Web page alongside your audio or video file.

The wizards below help you create a Web page with the proper XHTML to embed a specific media player that handles your type of audio or video file. Select the wizard that matches the format of your audio or video file. After you answer a few questions, the wizard creates your custom Web page complete with the embedded media player that plays your media file. Save the resulting Web page after the wizard creates it for you.

Last updated: June 4, 2014   

 

 

 

Academic Technology & Creative Services (ATCS) | California State University, Sacramento
AIRC 3005 | 6000 J Street | Sacramento, CA 95819-6143 | (916) 278-3370