The Leader in Secure Video
Delivery Software
|
Embedding Clipstream™ Video 3 in an existing web page
Once you have generated a Clipstream™ Video .js file you can
easily embed a link in an existing page
Requirements
- Existing Clipstream™ Video 3 .js file
- Required Clipstream™ Video 3 files (.vcs, panelimages.jpg, etc)
- existing web page
- web page editor or Notepad
Files almost ready by default
By default the Clipstream™ Video 3 Encoder will output almost every thing you need if you have
Generate JS/HTML when finished encoding checked in the encoder.
When done it will generate the files detailed in this page:
Upload required files and .vcs
Upload all of the required files as listed in the Uploading
and Hosting page into the server folder where you wish the files to
be hosted.
- Make a note of the location
Ex.
http://www.myserver.com/videos/
Copy the .js link and paste it into your page
The default generated .html page will have a .js link that links to the .js
file that you need for your page.
- Open up the generated .html page in Notepad or other web editor
- Look for the following JS link code:
<SCRIPT LANGUAGE="JavaScript" SRC="[URL of your .js file]"></script> - Copy it.
- Open up the code of your target .html page.
- In the desired spot where you want the video to appear, paste the .js link code. Save it.
Adjust link path if necessary
If the target page is located in a different directory than the required
Clipstream™ files you will need to edit the link so that it correctly
points to the location of the .js file on your directory. Ex.
If the .js file is here:
http://www.myserver.com/videos/
Then correct the .js link to read:
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.myserver.com/videos/myvideo.js"></script>
If this is correct, then your page will display the video when viewed from a browser.
Related topics
