Skip to main content

Embed Streaming Video in Web Pages

The Reuters news agency is now providing Breaking News video clips Live in streaming Flash Video format which can be placed on any webpage. Embedding video clips in web pages allows your site visitors to watch audio and video media files without opening a player like Quicktime, Realplayer, Windows Media Player or iTunes.

You can either embed the Reuters media video player in your main website or embed the video player in a separate Popup Window. This gives more control to the blogger over the display of video player.

To add Reuters video to your webpages, you can insert the following line of Javascript code anywhere in your HTML pages. The script detects presence of Macromedia Flash ActiveX plug-in and plays the streaming video by embedding a copy of the Flash player into the web page.

<!-- Start of Brightcove Player -->
 var config = new Array();

 config["playerTag"] = "Digtial Inspiration"; // Your website name goes here
 config["autoplay"] = false; // Do you want the media file to start playing automatically when the page is downloaded.
 config["preloadBackColor"] = "#8d9395"; // Background Color of the player

<!-- Specify the width and height dimensions of the playback area -->
 config["width"] = 540;
 config["height"] = 320;

 config["playerId"] = 474448;
 config["videoId"] = null;
 config["videoRef"] = null;
 config["lineupId"] = null;

// Call the main Javascript routine to embed the Flash player and play the Reuters Video
<!-- End of Brightcove Player -->

The video is embedded in IE using <OBJECT> Tags for the ActiveX Control. Tthe classid and codebase attributes provide specific directions for automatically installing the required ActiveX element. The loop attribute determines whether playback should stop at the end of the file, or alternatively whether the file should be played over and over again.

To embed video in Netscape and older browsers, you add <EMBED> tags to your Web page HTML. A typical <EMBED> tag has three necessary parameters (SRC, WIDTH, and HEIGHT), that are used to identify your presentation and the dimensions of the playback area. The older <embed> tag is generally included inside the <object> tag, for the benefit of old browsers that do not support the <object> tag.