Inserting Embedded Media

You can insert embedded media into your web pages, such as video or Flash animations. Just as with images, the embedded media must be available in the File Manager to be able to link to the media file. The most common file formats are supported in a standard installation of EPiServer CMS. For a detailed description of other formats such as Quicktime, Shockwave, Windows Media and Real Media, please refer to available accessibility coding standards.

Depending which type of media you select on the General tab, the attribute options will vary on the Advanced tab. For a more detailed description of Flash movie attributes, please refer to available accessibility coding standards.

Insert embedded media as follows:

1. Place the cursor in the Editor where you want to insert your image.
2. Click the Insert/edit embedded media image button .
   
   
3. In Type, select the type of media and associated format, for instance Flash, Quicktime or Windows Media. Flash is selected by default.
4. In File/URL, browse to select the media file in the File Manager.
5. In Dimensions , set the dimensions of the movie in pixels. Ensure that Constrain properties is selected to keep the proportions of the movie.
6. Click Insert and the media will be linked into the page.

Advanced Settings for Embedded Media

By selecting the Advanced tab, you can work with advanced media settings (background color, alignment and options for the display of media) as follows:

Advanced options

1. In ID, you can set a unique identifier for the media. The ID can be referenced by CSS style sheets or by a Javascript providing additional functionality.
2. In Align, position the display of the media on the page.
3. In Background, select a background color for the media by using the following options: Picker, Palette or Named.
   Click Apply to apply the background.
4. In V-Space and H-Space, enter the horizontal and vertical space in pixels to surrounding objects.
5. Click Update to save your changes.

Flash options

1. In Quality , set the quality for the Flash movie to display. Specifies how to prioritize playback speed and appearance.
2. In Scale , set the scale to specify how the movie should adapt when displayed in a specified area.
3. In WMode, set the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser.
4. In SAlign, specify how the movie should align in the browser window.
5. Selecting Auto play will make the movie to be played automatically when the page is opened.
6. Selecting Loop will make the movie to repeat indefinitely or stop when it reaches the last frame.
7. Selecting Show menu will make the menu to be displayed.
8. Selecting SWLiveConnect will make the browser to start Java when loading the Flash Player for the first time.
9. In Base , specify a base directory or URL used to resolve all relative path statements in the Flash Player movie. This attribute is helpful when your movies are kept in a different directory from your other files.
10. In Flashvars , set the root level variables to be sent to the movie.
11. Click Update to save your changes.

Last updated: 2011-03-25 | Copyright © EPiServer AB