Announcement

Collapse
No announcement yet.

Embedding a video player in the software's pages

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Embedding a video player in the software's pages

    You may wish to create two versions of your video: a Windows Media (.wmv) file for Windows users (Windows Media comes bundled with Windows) and a QuickTime (.mov) file for Apple users and others who don't use Windows Media Player.

    Firstly you need to compress your video down to the smallest possible size using one of the many compression utilities available.

    Then once your video is compressed, upload it to your server. You can then just use a normal hyperlink to refer to the file but that will cause your media player program to open on your machine and actually download the file, rather than streaming it. The user will then have to wait for the entire file to download before they can view it.

    A better way is to stream the video to a player embedded on the web page.

    If for example you wished to place it in an 'Extended Information' page for a particular product, firstly go to 'Design | Library | Layouts' scroll down to 'Extended Info Layout', right click on a layout of your choice and select 'New Layout' name it and click 'OK'.
    Open it and insert the following code just below the <body> tag: -

    <!-- begin embedded WindowsMedia file... -->
    <table border='0' cellpadding='0' align="left">
    <tr><td>
    <OBJECT id='mediaPlayer' width="320" height="285" classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
    <param name='fileName' value="YourVideoFile.wmv">
    <param name='animationatStart' value='true'>
    <param name='transparentatStart' value='true'>
    <param name='autoStart' value="true">
    <param name='showControls' value="true">
    <param name='loop' value="true">
    <EMBED type='application/x-mplayer2' pluginspage='http://microsoft.com/windows/mediaplayer/en/download/' id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' bgcolor='darkblue' showcontrols="true" showtracker='-1' showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285" src="YourVideoFile.wmv" autostart="true" designtimesp='5311' loop="false">
    </EMBED>
    </OBJECT>
    </td></tr>
    <!-- ...end embedded WindowsMedia file -->

    Please note you will need to change all instances of 'YourVideoFile.wmv' to the URL of your video file.

    You can also embed QuickTime on your web page and stream a .mov file in much the same way: -

    <OBJECT classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B'
    width="320" height="240"
    codebase='http://www.apple.com/qtactivex/qtplugin.cab'>
    <param name='src' value="http://mydomain.com/video.mov">
    <param name='autoplay' value="true">
    <param name='controller' value="false">
    <param name='loop' value="false">
    <EMBED src="http://mydomain.com/video.mov" width="320" height="240"
    autoplay="true"
    controller="false" loop="false" bgcolor="#000000"
    pluginspage='http://www.apple.com/quicktime/download/'>
    </EMBED>
    </OBJECT>

    Alternatively you can use the code in any 'Text', 'Description' or 'Full Description' field in any Fragment, Product, Extended Information page or Section by surrounding the code with the software's escape characters !!< and >!! for example the above code would be: -

    !!<
    <!-- begin embedded WindowsMedia file... -->

    Embedding code...

    <!-- ...end embedded WindowsMedia file -->
    >!!

    Thanks to John Watkins from fitness-equipment.com
Working...
X