How to Define Styles with the Tag Selector in Dreamweaver
How to Use the Open Browser Window Behavior in Dreamweaver
How to Create Swaps with Multiple Images in Dreamweaver

How to Link to Audio and Video Files in Dreamweaver

You can use Dreamweaver to link to an audio or a video file. Linking to a multimedia file is as easy as linking to any other file, as you see in the instructions that follow.

To use Dreamweaver to link to a video or an audio file, follow these steps:

  1. Select the text, image, or other element you want to use to create a link.

    If you're linking to a video file, a good trick is to take a single still image from the video and insert that into your web page. Then create a link from that image to the video file.

  2. Choose Insert→Hyperlink or click the Hyperlink icon in the Common Insert panel.

    The Hyperlink dialog box opens.

    Alternatively, you can click the Browse icon just to the right of the Link field in the Property inspector. (The Browse icon looks like a small file folder.)

    image0.jpg
  3. In the Text field, enter the text you want to serve as a link.

    If you selected a section of text on the page before opening the Hyperlink dialog box, that text automatically appears in the Text field.

  4. In the Link field, enter the URL where the audio or video file is located.

    Alternatively, click the Browse icon (the file folder icon) to the right of the Link field and browse your hard drive to find the video or audio file you want to link to.

    As with any other file you link to, make sure you've saved your audio or video files into your local site folder.

    Note that you can link to an audio or a video file on another website, but you need to have the exact URL of the file’s location.

  5. (Optional) Use the Target field in the Hyperlink dialog box to define where your linked page opens.

    To open the linked page in a new browser window or in a new tab within a browser, choose the _blank option. The New option is not recommended because it is not standard. Choose _self to open the linked page in the same window (the default).

    Choose _top to force the page to open in a fresh browser window, even if the page is displayed in a frame. The _parent option is almost never used anymore, but if your page is in a frameset, you can select this option to open the linked page a level above the current page in the frame structure.

  6. (Optional) Fill in the title, access key, and tab index.

    The Title, Access Key, and Tab Index fields in the Hyperlink dialog box are optional. These settings make it easier for visitors with disabilities to navigate your website with special browsers.

  7. When you have finished specifying settings, click OK and then choose File →Save to save the page.

    The dialog box closes, and the link is created automatically.

  8. Click the Preview (globe) icon (at the top of the work area) to open the page in a browser, where you can test the link to your multimedia file.

    Dreamweaver launches your specified web browser and displays the page. If you have the necessary player, the file downloads, your player launches, and your file automatically plays.

Many people like to have multimedia files, such as video, pop up in a new browser window. To do this, create an HTML file and embed your multimedia file in it. Then use the Open Browser Window behavior in Dreamweaver to create a pop-up window that displays your multimedia page.

You can link to video files instead of embedding them (just as you would link to any file), but the advantage of embedding your audio or video file directly into the page is that the file will play in your web page instead of opening in a separate window or player.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Create Styles with Class and ID Selectors in Dreamweaver
How to Set Links to Many Pages at the Same Time in Dreamweaver
How to Save any Page as a Dreamweaver Template
How to Manage Sites in Dreamweaver
How to Add Fluid Elements to a Layout in Dreamweaver
Advertisement

Inside Dummies.com