Insert/Edit Embedded Media: Advanced Tab (Classic Only)

In Classic Editor, the Advanced tab of the Insert/Edit Embedded Media modal allows users to further customize the settings that affect both how the file is rendered and the markup that is used. The Advanced tab is organized into additional sections depending upon the media type selected on the General tab. The Advanced box includes the same options for all video types. Depending upon the type selected an additional box of options is available to further define the attributes available for that particular media type.

Advanced Box

The following attributes are included in the Advanced box of the Advanced tab:

  • ID
  • Name
  • Align
  • Background
  • V-Space
  • H-Space
  • Title

Advanced Tab Advanced Box 

When defining the values for the attributes, it is not necessary to add quotation marks.

ID

Used to add a value for the id attribute. For example:

<video id="how-to-video" width="320" height="240" src="/videos/how-to.mp4" preload="none"></video>

Name

Used to add a value for the name attribute for video types that use object  (all types except HTML5 video/audio and iframe. For example:

<object name="flash-v" width="320" height="240" data="/videos/how-to.mp4" type="application/x-shockwave-flash"><param name="src" value="/videos/how-to.mp4" />

Align

Used to define the alignment of the media to the text. Adds the align attribute to object and iframe elements but not HTML5 video/audio:

  • Top: The top of the media is aligned with the top of the tallest letter in the line; adds align="top"
  • Right: The media is set to the right of the text with wrap-around; adds align="right"
  • Bottom: The bottom of the media is aligned with the lowest letter in the line; adds align="bottom"
  • Left: The media is set to the left of the text with wrap-around; adds align="left"

Background

Used to add the background color attribute and value for the object and iframe elements. The color can be specified by typing a hex value (or allowable HTML color name) into the available text field or selecting the color from the color picker. When adding the hex, quotation marks are not necessary, but the hashtag should be included. For example: #27d8cd

An example of the markup is:

bgcolor="#27d8cd"

V-Space

Obsolete in HTML5; it is recommended to use CSS instead. For other HTML markup, sets the vertical space at the top and bottom of the media by adding the vspace attribute and value in pixels. Takes a number. It is not necessary to add the px to the value. Only set for object and iframe elements. An example of the markup is:

vspace="200"

H-Space

Obsolete in HTML5; it is recommended to use CSS instead. For other HTML markup, sets the horizontal space at the left and right sides of the media by adding the hspace attribute and value in pixels. Takes a number. It is not necessary to add the px to the value. Only set for object and iframe elements. An example of the markup is:

hspace="200"

Title

Adds the title attribute and value, and is valid for the object element. An example of the markup is:

title="OU Campus Demo Video"

Options

The options available on the Advanced tab of the Insert/Edit Embedded Media depend upon the media type selected on the General tab > Type field. The HTML markup is specific to media type in both the main element and for the attributes available with it. The various media types and HTML markup used for the elements are as follows:

  • HTML5 Video: Uses <video> and attributes
  • HTML5 Audio: Uses <audio> and attributes
  • Flash: Uses <object>, name/value parameters, and type="application/x-shockwave-flash"
  • Transcode-It: Uses <object>, name/value parameters, and type="application/x-shockwave-flash"
  • QuickTime: Uses <object>, name/value parameters, and type="video/quicktime"
  • Shockwave: Uses <object>, name/value parameters, and type="application/x-director"
  • Windows Media: Uses <object>, name/value parameters, and type="application/x-mplayer2"
  • Real Media: Uses <object>, name/value parameters, and type="audio/x-pn-realaudio-plugin"
  • Iframe: Uses <iframe> and attributes

The following includes the attributes/parameters available on the Advanced tab for the various media types, and source examples.

 HTML5 Video

The HTML5 Video uses the <video> tag and subsequent attributes and child elements, and is either fully or partially supported by more recent browser versions of Internet Explorer, Chrome, Firefox, Safari, and Opera. The specification supports three types of video formats: MP4, WebM, and Ogg. IE only supports MP4. Opera does not support MP4. The attributes and child elements that are supported can be found in the W3 specification. The <video> element can also play associated audio, but HTML5 Audio is also available.

HTML5 Video Options

The HTML5 Video Options area allows for the attributes, child elements, and values associated with the <video> tag as follows:

  • Alternative Source 1: Adds the <source> as a child element of <video>. This can be used, for example, to define another format of the same video. For example: <source src="video.ogg" />. Enter the video URL or use the file chooser to browse to the file so that the dependency tag is inserted.
  • Alternative Source 2: Adds another <source> as a child element of <video>. This can be used to define yet another format of the same video. For example: <source src="video.webm" />.
  • Poster: Adds the poster attribute with the specified value. A "poster" can be used to add a still image to be shown as the first frame rather than the actual first frame of the movie. For example: poster="slide1.jpg".
  • Preload: Preload provides a hint about the expected need to play the resource and how it affects bandwidth/server load. For example, preloading metadata only fetches metadata about the resource such as dimensions, track list, and duration and subsequently hints that bandwidth is scarce. The options for preload are: Don’t Preload (preload="none"), Preload Video Metadata (preload="metadata") and Let User's Browser Decide (preload="auto"). If Auto Play is set to autoplay, then autoplay takes precedence.
  • Auto Play: Adds the autoplay="autoplay" attribute and value so that the video is played on page load without the user having to initiate the start with the controls.
  • Mute: Adds the muted="muted" attribute and value so that the video is played without sound.
  • Loop: Adds the loop="loop" attribute and variable in order to automatically replay the video.
  • Controls: Adds the controls="controls" attribute and value to provide a media player with user controls such as play, pause, scrub, and volume.

Example of Source tab without additional options specified on the Advanced tab:

<video width="320" height="240" preload="none" src="/videos/how-to.mp4"> </video>

Example of Source tab with additional options specified on the Advanced tab:

<video width="320" height="240" src="/videos/how-to.mp4" poster="/videos/how-to.mp4" autoplay="autoplay" loop="loop" muted="muted" preload="auto" controls="controls"><source src="/videos/how-to.mp4" /><source src="/videos/how-to.mp4" /></video> 

Example of a Published Video Using HTML5 Video and Controls and a Poster

Example of HTML5 Video on a Web Page 

 HTML5 Audio

The HTML5 Audio tag uses the <audio> tag and subsequent attributes and child elements, and is either partially or fully supported by more recent browser versions of Internet Explorer, Chrome, Firefox, Safari, and Opera. Three types of audio formats are supported: MP3, wav, and Ogg. IE only supports MP3. Opera does not support MP3. Safari does not support Ogg. The attributes and child elements that are supported can be found in the W3 specification.  

HTML5 Audio Advanced Tab

The HTML5 Audio Options area allows for the attributes, child elements, and values associated with the <audio> tag to be specified as follows:

  • Alternative Source 1: Adds the <source> as a child element of <audio>. This can be used, for example, to define another format of the same audio: <source src="audio.ogg" />. Enter the audio URL or use the file chooser to browse to the file so that the dependency tag is inserted.
  • Alternative Source 2: Adds another <source> as a child element of <audio>. For example: <source src="audio.wav" />.
  • Preload: Preload provides a hint about the expected need to play the resource and how it affects bandwidth/server load. For example, preloading metadata only fetches metadata about the resource such as dimensions, track list, and duration and subsequently hints that bandwidth is scarce. The options for preload are: Don’t Preload (preload="none"), Preload Video Metadata (preload="metadata") and Let User's Browser Decide (preload="auto"). If Auto Play is set to autoplay, then autoplay takes precedence. An empty string will use auto.
  • Auto Play: Adds the autoplay="autoplay" attribute and value so that the audio is played on page load without the user having to initiate the start with the controls.
  • Mute: Adds the muted="muted" attribute and value so that the audio is played without sound.
  • Loop: Adds the loop="loop" attribute and variable in order to automatically replay the audio.
  • Controls: Adds the controls="controls" attribute and value to provide a media player with user controls such as play, pause, scrub, and volume.

Example of Source tab without additional options specified on the Advanced tab:

<audio width="300" height="32" src="/videos/how-to.mp4" preload="none"></audio>

Example of Source tab with additional options specified on the Advanced tab:

<audio width="300" height="32" src="/videos/how-to.mp4" autoplay="autoplay" loop="loop" preload="auto" controls="controls"><source src="/videos/how-to.mp4" /></audio> 

Example of Audio Player

Example of HTML5 Video on a Web Page

 Flash (default)

The Flash video type can be used for FLV type videos as an object with the specific parameters. On the Advanced tab the Flash Options include parameters for displaying and playing the media. These are optional for Flash video.

Flash Video Options

Quality: Adds a quality parameter with the corresponding value that determines whether to favor quality or speed, and then uses anti-aliasing to smooth bitmaps accordingly. 

  • High: Adds <param name="quality" value="high" />. Favors appearance over playback speed and always uses anti-aliasing.
  • Low: Adds <param name="quality" value="low" />. Favors playback speed over appearance and does not use anti-aliasing.
  • Autolow: Adds <param name="quality" value="autolow" />. Emphasizes speed at first but improves appearance whenever possible.
  • Autohigh: Adds <param name="quality" value="autohigh" />. Emphasizes playback speed and appearance equally at first but sacrifices appearance for playback speed if necessary.
  • Best: Adds <param name="quality" value="best" />. Provides the best display quality and does not consider playback speed.

Scale: Adds the scale parameter with the corresponding value to specify how to resize the Flash media to fit within the pixel area specified by the containing <object>.

  • showall: Default. Adds <param name="scale" value="showall" />. The entire FLV file visible in the specified area without distortion, while maintaining the original aspect ratio of the movie. Borders can appear on two sides of the vidoe.
  • noborder: Adds <param name="scale" value="noborder" />. Scales the FLV file to fill the specified area, while maintaining the original aspect ratio of the file. The player can crop the content, but no distortion occurs.
  • exactfit: Adds <param name="scale" value="exactfit" />. Makes the FLV file visible in the specified area without trying to preserve the original aspect ratio. Distortion can occur.
  • noscale: Adds <param name="scale" value="noscale" />. Prevents the FLV file from scaling to fit the area of the object. Cropping can occur.

WMode: Adds the wmode parameter (window mode) which for Flash media determines the relationship of the Flash container (window or bounding box) to the underlying HTML. This includes transparency, layering, positioning, and rendering.

  • window: Default. Doesn't add attributes; the background uses the background color from the HTML and the browser determines how the content is layered with other on-page elements. <param name="wmode" value="window" />
  • opaque: Lets HTML content appear above (layered on top of) the content, but obscures anything underneath the content. Content behind the file on the page is hidden. <param name="wmode" value="opaque" />
  • transparent: Makes the container transparent and the HTML layers are visible through the file. Alpha blended. Adds <param name="wmode" value="transparent" />.

SAlign: Sets the position for scaled content within the area defined by the width and height.

  • Left: Supported by Flash as "l". Aligns to the left of the browser window and crops other sides as necessary.
  • Top: Supported by Flash as "t". Aligns to the top of the browser window and crops other sides as necessary.
  • Right: Supported by Flash as "r". Aligns to the right of the browser window and crops other sides as necessary.
  • Bottom: Aligns to the bottom of the browser window and crops other sides as necessary.
  • Top Left: Aligns to the top, upper-left corner of the browser window and crops other sides as necessary.
  • Top Right: Aligns to the top, upper-right corner of the browser window and crops other sides as necessary.
  • Bottom Left: Aligns to the lower, left corner of the browser window and crops other sides as necessary.
  • Bottom Right: Aligns to the lower, right corner of the browser window and crops other sides as necessary.

Other Options

  • Base: Used to specify the base directory or URL for relative paths within the file. Used when the file is in a different directory.
  • Flash Vars: Adds flashvars attribute defined in key/value pairs, which can be passed to the file.

Checkboxes

  • Auto Play: Adds a parameter to determine to start the movie automatically or not. <param name="autostart" value="true" />
  • Loop: Adds a parameter to determine to replay the movie when it reaches the end. <param name="loop" value="true" />
  • Show Menu: Adds a parameter to determine to show the shortcut menu with a right click (PC) or Control click (Mac). When false, only the About Flash item is shown on the shortcut menu. <param name="menu" value="false" />
  • SWLiveConnect: Adds <param name="swliveconnect" value="true" />. When selected determines whether the browser should start Java when loading Flash Player for the first time. 

Source: http://helpx.adobe.com/flash/using/publish-settings.html

http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html

Example of Source tab without additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.flv" type="application/x-shockwave-flash"><param name="src" value="/videos/how-to.flv" /></object>

Example of Source tab with additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.flv" type="application/x-shockwave-flash"><param name="src" value="/videos/how-to.flv" /><param name="quality" value="high" /><param name="scale" value="noborder" /><param name="salign" value="r" /><param name="wmode" value="transparent" /></object>

 Transcode-It

Although transcodeit.com has been taken off-line, the file type is still available and additional options are also available.

Flash Video Options for Transcode-It 

The Flash Video Options for the Transcode-it type include:

  • Flash Vars: Adds flashvars attribute defined in key/value pairs, which can be passed to the file.
  • Scale: Adds the scale parameter with the corresponding value to specify how to resize the media to fit within the containing <object>: uniform, fill, none, or exactfit.
  • Buffer(s): Adds the buffer length parameter: <param name="bufferlength" value="2" />
  • Start Image: Defines a start image for the movie.
  • Logo Overlay: Allows for a watermark to be added.
  • Default Volume: Allows a starting sound level to determined: <param name="defaultvolume" value="90" />
  • Control Bar: Values include none, over, and bottom, and determine if and where the controls are located for the media. Adds <param name="controlbar" value="over" />, for example.
  • Smooth Video: "Specifies whether the video should be smoothed (interpolated) when it is scaled. For video playback using Flash Player 9.0.115.0 and later versions, set this property to true to take advantage of mipmapping image optimization." Source: Adobe Help.
  • Auto Start: When selected, allows the media to begin on page load.<param name="play" value="true" />
  • Repeat: Loops the video with: <param name="loop" value="true" />
  • Zoom: Sets a zoom factor for the media.

Example of Source tab without additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.mp4" type="application/x-shockwave-flash"><param name="src" value="/videos/how-to.mp4" /></object>

Example of Source tab with additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.mp4" type="application/x-shockwave-flash"><param name="src" value="/videos/how-to.mp4" /><param name="image" value="poster-image.png" /><param name="defaultvolume" value="90" /><param name="controlbar" value="over" /><param name="autostart" value="true" /></object>

 QuickTime

QuickTime Options

QuickTime file formats include: .mov, .qt. The QuickTime Options for controlling QuickTime movies include:

  • Loop: Adds a parameter to determine to replay the movie when it reaches the end. <param name="loop" value="true" />
  • Auto Play: When selected, allows the media to begin on page load, rather than having to press the play button. <param name="autoplay" value="true" />
  • Cache: Sets the location to cache the HREF loaded with Target and if Target Cache is enabled. <param name="cache" value="true" />
  • Controller: Default is true unless the movie is .swf or vr. Clear the checkbox to remove the controls from users' view.  <param name="controller" value="false" />
  • No Correction: Select the checkbox for no correction, which passes a value of true. Pertains to whether full perspective correction is used for QuickTime Virtual Reality (VR) format. <param name="correction" value="true" />
  • Enable JavaScript: When selected, this option initializes JavaScript connections between HTML and the player. <param name="enablejavascript" value="true" />
  • Kiosk Mode: When selected, the controller bar for the movie does not include the Save option, so viewers are not able to save a copy. <param name="kioskmode" value="true" />
  • Auto HREF: When selected, loads the URL specified in HREF without waiting for a mouse click. <param name="autohref" value="true" />
  • Play Every Frame: When selected, this option specifies to not drop frames even when there is not enough time to decompress and display them. This can mute audio and lead to slow playback. <param name="playeveryframe" value="true" />
  • Target Cache: Used with HREF/Target. When selected, the HREF loaded with Target is cached. <param name="targetcache" value="true" />
  • Scale: The options include tofit and aspect<param name="scale" value="aspect" />
  • Start Time field: Start time can be used to specify an offset time at which to play the movie. Format is HH:MM:SS:FF (hours:minutes:seconds:30ths of a second).
  • End Time field: Specifies a time on the movie timeline at which to stop playing to the movie. Specified in HH:MM:SS:FF (hours:minutes:seconds:30ths of a second).
  • Target: Values: framename|myself|quicktimeplayer. Used with the HREF parameter. Play movie in QuickTime Player, named frame, or replace current movie. Default is QuickTime Player if not set. If a frame name is specified, the browser loads the URL in the named frame. If no frame of that name exists, the browser may create a new window with that name and open the URL there. If target is set to myself the URL replaces the current movie. The URL must specify something that QuickTime can play. If set to quicktimeplayer, the URL loads in the QuickTime Player application. The URL must specify a format that QuickTime can play. The URL to open is specified in HREF.
  • HREF: Specify a URL to load when the user clicks on the display area of the movie. The URL can be a webpage or a QuickTime movie. This can be used with the Target attribute and the URL will load in another frame or window, or in the QuickTime plug-in itself. Important: If a relative URL is used in the HREF attribute, it must be relative to the currentlyloadedmovie, not relative to the current webpage. If the media is in a separate folder, specify URLs relative to the folder. To make the URL specified in the HREF attribute load when the movie loads, instead of when the user clicks the movie, enable the Auto HREF attribute.
  • Choke Speed: Sets the qtsrcchokespeed, which is used with the QT Source parameter. Choke Speed limits outgoing bandwidth (http or ftp) from the media server. Should be specified with the number of bits per second. For example, use 56000 to limit the bandwidth to 56,000 bits per second.
  • Volume: Sets the audio volume in percent. The default is 90 and can take a value between 0 and 300 using the local sound setting.
  • QT Source: Sets the value of the qtsrc attribute for passing protocols, including RTSP directly to the QuickTime plugin. Browsers are not designed to handle realtime streaming protocol directly. Rather, the plugin must receive the request. Use the file chooser to select the media: <param name="qtsrc" value="/videos/how-to.mp4" />. This field causes the plug-in to ignore the movie specified on the General tab for the src parameter and plays this file instead. One use case for this is to force the browser to spawn the QuickTime plug-in to play a file type whose extension would normally cause it to load a different plug-in. For example, an mp3 file. Ostensibly, this could also be used to launch a video from an rstp:// server. It is recommended to specify a small (and actual) file from the General tab, if using this option to load a different file.

Source: https://developer.apple.com/library/mac/documentation/quicktime/conceptual/qtscripting_html/QTScripting_HTML_Document/ScriptingHTML.html

Example of Source tab without additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.mp4" type="video/quicktime"><param name="src" value="/videos/how-to.mp4" /></object>

Example of Source tab view with many options selected:

<object width="320" height="240" data="/videos/how-to.mp4" type="video/quicktime"><param name="src" value="/videos/how-to.mp4" /><param name="loop" value="true" /><param name="cache" value="true" /><param name="correction" value="true" /><param name="enablejavascript" value="true" /><param name="kioskmode" value="true" /><param name="autohref" value="true" /><param name="playeveryframe" value="true" /><param name="targetcache" value="true" /><param name="scale" value="aspect" /><param name="qtsrc" value="/videos/how-to.mp4" /></object>

 Shockwave

Shockwave Advanced Tab

The Shockwave Options for controlling Shockwave/Flash type movies include:

  • Stretch Style: The Stretch Style drop-down can set the following parameter values: Meet (preserves the proportions of the media), Fill (stretches the media to fill), or Stage (expands the playing field). When set to meet or stage the stretch h and v align can be used to further refine the display. <param name="swstretchstyle" value="stage" />
  • Volume: <param name="swvolume" value="90" />
  • Stretch H-Align: When Stretch Style is set to meet or stage, then this can set the horizontal alignment. The parameter value can take Left, Center, or Right. <param name="swstretchhalign" value="center" />
  • Stretch V-Align: When Stretch Style is set to meet or stage, then this can set the vertical alignment. The parameter value can take Left, Center, or Bottom. <param name="swstretchvalign" value="stage" />
  • Auto Start: Adds a parameter to determine to start the movie automatically or not. <param name="autostart" value="true" />
  • Sound:  <param name="sound" value="true" />
  • SWLiveConnect: Adds <param name="swliveconnect" value="true" />. When selected s whether the browser should start Java when loading Flash Player for the first time. Applies to the embed tag only.  <param name="swliveconnect" value="true" />
  • Progress:  <param name="progress" value="true" />

Example of Source tab without additional options specified on the Advanced tab:

<object width="320" height="240" data="video.swf" type="application/x-director"><param name="src" value="video.swf" /><param name="sound" value="true" /><param name="progress" value="true" /><param name="autostart" value="true" /><param name="swstretchstyle" value="none" /><param name="swstretchhalign" value="none" /><param name="swstretchvalign" value="none" /></object>

Example of Source tab view with many options selected:

<object width="320" height="240" data="video.swf" type="application/x-director"><param name="src" value="video.swf" /><param name="sound" value="true" /><param name="progress" value="true" /><param name="autostart" value="true" /><param name="swstretchstyle" value="stage" /><param name="swstretchhalign" value="center" /><param name="swstretchvalign" value="stage" /></object>

 Windows Media

Depending upon the version of the Windows Media Player various file formats have been utilized: .asf, .asx, .avi, .wav, .wax, .wma, .wm, .wmv, .wvx.

Windows Media Player Options

The Windows Media Player Options for controlling Windows media include:

  • Auto Start: Adds a parameter to determine to start the movie automatically or not. <param name="autostart" value="true" />
  • Enabled: When selected, the controls for the Windows Media Player plugin are enabled. <param name="enabled" value="true" />
  • Show Menu: Adds a parameter to determine to show the shortcut menu with right click (PC) or Control click (Mac). <param name="menu" value="false" />
  • Full Screen: When selected, uses full-screen mode to play the video. Note: In order to work with the WMP control the video display must have a height and width of at least 1 pixel. If UI Mode is set to mini or full, the height control must be 65 or greater to accommodate the video display area in addition to the user interface. When selected and if UI Mode is set to invisible, then the control is not affected as this is an error condition. Users controls are affected by UI Mode selection: if UI Mode is full or mini, controls are displayed on mouse move. If UI Mode is set to none, then no controls are shown with the full screen mode. <param name="fullscreen" value="true" />
  • Invoke URLs: Select this option, to open a browser if a URL is passed from the file to the plug-in.
  • Mute: Select this checkbox to silence the audio. <param name="mute" value="true" />
  • Stretch to Fit: Select this checkbox to keep the original aspect ratio of the video. If the aspect ratio of the video does not match the aspect ratio of the video window, black mask areas may appear on either the top and the bottom, or left and right, of the video image. This property applies to the Windows Media Player control only when embedded in a webpage. Not support by Windows Media Player 10 Mobile. <param name="stretchtofit" value="true" />
  • Windowless Video: Select this option so the Player control renders video directly in the client area (rather than its own window). Allows for styling such as special effects or layering the video with text. This can degrade performance. Not support by Windows Media Player 10 Mobile. <param name="windowlessvideo" value="true" />
  • Balance: Integer from -100 to 100. Used to specify the balance for left and right audio channels. For example, -100 would sound like only the left channel is playing. <param name="balance" value="-45" />
  • Base URL: Used with embedded script commands to provide a base URL for relative, passed URLs. A trailing forward slash (/) is added to the value of the Base URL value; a leading period, backward slash, or forward slash (., \, and /) is deleted from the relative URL; the relative URL is added to the end of the base URL. All slashes in the resulting URL are pointed in the same direction (converted to forward or backward slashes) based on the direction of the first slash encountered in the new URL. Windows Media Player does not support the use of two periods (..) for relative URLs. For Windows Media Player 10 Mobile, this paramter is read-only, and always returns an empty string. <param name="baseurl" value="http://oudemo.com" />
  • Captioning ID: String. Used to specify the element with the closed captioning. The element name specified can be any HTML element in the webpage as long as it supports the innerHTML attribute. If the webpage contains multiple frames, the element name can only refer to an element in the same frame as the Player control. For Windows Media Player 10 Mobile, this property is read-only, and always returns an empty string. <param name="captioningid" value=" CCDiv" />
  • Current Marker: Takes a number; defaults to 0. Refers to markers in a video and plays from that point; only works if the video has markers. <param name="currentmarker" value="2" />
  • Current Position: Specified in seconds. Refers position in video in seconds.  <param name="currentposition" value="2300" />
  • Default Frame: Names the frame used to display the URL. <param name="defaultframe" value="default-frame" />
  • Play Count: Number used to specify how many time the media will play. <param name="playcount" value="9" />
  • Rate: Changes the rate of the playback for the video. Acts as a multiplier value to play a clip at a faster or slower rate. The default value of 1.0 indicates the authored speed. Note that an audio track becomes difficult to understand at rates lower than 0.5 or higher than 1.5. A playback rate of 2 equates to twice the normal playback speed. Windows Media Player will attempt to use the most effective of four different playback modes. These modes are smooth video playback with audio pitch maintained, smooth video playback with audio pitch not maintained, smooth video playback with no audio, and keyframe video playback with no audio. The mode chosen by the plug-in depends on numerous factors including file type and location, operating system, network, and server. <param name="rate" value="rate" />
  • UI Mode: Can be set to mini, full, invisible, or none. See Full Screen. <param name="uimode" value="ui-mode" />
  • Volume: Specifies the volume in a number ranging from 0 to 100. <param name="volume" value="50" />

Source: http://msdn.microsoft.com/en-us/library/windows/desktop/dd563990%28v=vs.85%29.aspx

Example of Source tab without additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.mp4" type="application/x-mplayer2"><param name="url" value="/videos/how-to.mp4" /><param name="src" value="/videos/how-to.mp4" /></object>

Example of Source tab view with many options selected:

<object width="320" height="240" data="/videos/how-to.mp4" type="application/x-mplayer2"><param name="url" value="/videos/how-to.mp4" /><param name="src" value="/videos/how-to.mp4" /><param name="sound" value="true" /><param name="progress" value="true" /><param name="swstretchstyle" value="stage" /><param name="swstretchhalign" value="center" /><param name="swstretchvalign" value="stage" /><param name="enabled" value="true" /><param name="fullscreen" value="true" /><param name="mute" value="true" /><param name="stretchtofit" value="true" /><param name="windowlessvideo" value="true" /></object>

 Real Media

RealAudio and RealVideo file name extensions include: .ra, .ram, .rm, .rmm.

Real Media Player Options

The Real Media Player Options for controlling the Real Media plug-in include:

  • Auto Start: Adds a parameter to determine to start the movie automatically or not. <param name="autostart" value="true" />
  • Loop: Adds a parameter to determine to replay the movie when it reaches the end. See Num Loops, as when a number is used for the number of times the media should be played, this parameter is ignored. <param name="loop" value="true" />
  • Auto Goto URL: Select this checkbox to pass embeded URLs in the presentation to the browser. When set to false, RealPlayer sends the URLs to a Java applet or other application via the OnGotoURL callback. If not set, embedded URLs are not passed.
  • Center: When this checkbox is selected, the presentation is centered in the image window and the height and width of the presentation are reset to the original dimensions (as specified by width and height on the General tab). When not used, the media is not centered and can expand to fill the image window. Note: The Center and Maintain Aspect cannot both be set to true. <param name="center" value="true" />
  • Image Status: Allows information to be played in the status bar.
  • Maintain Aspect: Specifies whether the height-to-width (aspect) ratio of the clip should stay constant when the clip scales to fit the image window. If the checkbox is selected, the aspect ratio of the clip remains constant when the image window is resized. When this occurs, the clip is centered in the image window and scaled until one dimension reaches the window's boundaries and the other dimension is within the boundaries. If not used, then the media may appear distorted. Note: The Center and Maintain Aspect cannot both be set to true. <param name="maintainaspect" value="true" />
  • No Java: Prevents the Java Virtual Machine (JVM) from starting, if it is not yet running, and makes the use of JavaScript impossible. Named controls will not be able to be referenced with JavaScript. <param name="nojava" value="true" />
  • Prefetch: Selecting this checkbox, enables prefetch playback mode, which allows RealPlayer to get the stream description information from a presentation before playback begins. <param name="prefetch" value="true" />
  • Shuffle: Select this checkbox to play all unplayed clips in a random order. This can be used for multiclip RAM files (.ram or .rpm) or SMIL files that contain only a sequence of clips. <param name="shuffle" value="true" />
  • Console: Specifies whether multiple controls should be linked together to manage playback of a single embedded presentation. Values include shared name, _master, or _unique. When the same console name is specified for multiple control on a page, this parameter can be used to enable these controls to manage playback of a single embedded presentation. For example, for multiple Play and Stop buttons on the same page, a shared console name enables them to control the same clip.
  • Controls: Used to specify the specific controls to use with the player. If not specified, the default for the RealPlayer plug-in is used (all). Possible values: All, TACCtrl, PositionSlider, FFCtrl, ImageWindow, InfoPanel, MuteCtrl, PauseButton, PlayOnlyButton, RWCtrl, StopButton, MuteVolume, HomeCtrl. (Respectively, All, Clip Information Field, Clip Postion Slider, Fast Forward Button, Image Window, Information Panel, Mute Button, Pause Button, Play Button, Rewind Button, Stop Button, Volume Slider). Combinations of convience controls are also available.
  • Num Loops: Use a number to specify the how many times the presentation should repeat, after which it will stop. If both Num Loops is set and Loop is set, the Loop parameter is ignored.
  • Script Callbacks: Specifies the callback events to handle via a comma separated list. Used by Netscape version 6.0 only, to specify the set of callback events to capture and handle. The events are assigned to the parameter via a comma separated list, such as: <SCRIPTCALLBACKS=OnPresentationOpened,OnPresentationClosed>

Example of Source tab without additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.mp4" type="audio/x-pn-realaudio-plugin"><param name="url" value="/videos/how-to.mp4" /><param name="src" value="/videos/how-to.mp4" /></object>

Example of Source tab with additional options specified on the Advanced tab:

<object width="320" height="240" data="/videos/how-to.mp4" type="audio/x-pn-realaudio-plugin"><param name="url" value="/videos/how-to.mp4" /><param name="src" value="/videos/how-to.mp4" /><param name="starttime" value="00:01:00:00" /><param name="enabled" value="true" /><param name="fullscreen" value="true" /><param name="mute" value="true" /><param name="stretchtofit" value="true" /><param name="windowlessvideo" value="true" /><param name="autostart" value="true" /><param name="loop" value="true" /><param name="center" value="true" /><param name="maintainaspect" value="true" /><param name="nojava" value="true" /><param name="prefetch" value="true" /><param name="shuffle" value="true" /></object> 

 Iframe

Useful for linking to YouTube videos. Just the Advanced section with the following: ID, Name, Align, Background, V-Space, H-Space, and Title. There are no additional options available with the media type of iframe.

<iframe style="font-style: normal; font-size: 13px; font-family: Arial, 'Helvetica Neue', Helvetica, Geneva, sans-serif;" src="http://www.youtube.com/embed/dXMzRu1cLVI" frameborder="0" width="425" height="350"> </iframe>  

Browser Behavior

Note that some extensions may be blocked by the browser and require a confirmation or a change in the browser settings to allow the plugins to play.

Examples with Firefox Browser:

Allow Plugin Notification

 

Allow Plugin Notification