I am new to Long Tail Videos. I am trying to add several videos to a site. The links to the videos are well displayed on running the page. On Clicking one link it plays but trying the other one it fails.
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Videos Test</title>
<style type="text/css">
h1 { margin:0; line-height:24px; border-bottom:2px solid #C00; font-size:20px; }
h2 { font-size: 14px; margin:0; }
a { color: #C00; }
a:hover { color: #000; }
img{height:50px; width:50px}
#contents { width: 780px; padding: 40px; text-align:left; margin:0 auto; background-color:#FFF;}
#lead { font-weight:bold; font-style:italic; margin-bottom: 40px; }
#rightcol { float:none; width:320px; text-align:center; }
#dat { float:left; width:320px; text-align:left; }
#pid { margin: 8px 0 0 0; }
#footer { margin-top:60px; font-size:11px; }
</style>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="playlist.css" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
function createPlayer(theFile) {
var flashvars = {
file:theFile,
autostart:"true"
}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always",
wmode:"transparent",
skin:'metarby10.swf'
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("player.swf", "placeholder1", "550", "350", "9.0.115", false, flashvars, params, attributes);
}
/* ]]> */
</script>
</head>
<body>
<!--Start of container div-->
<div class="container">
<!--Start of rightcol div-->
<div id="rightcol">
<a href="http://www.longtailvideo.com/players/jw-flv-player/">JW FLV Media Player</a>
<br />
<!--Start of wrapper div-->
<div id="wrapper">
<!--Start of placeholder1 div-->
<div id="placeholder1">
<a href="http://www.macromedia.com/go/getflashplayer">Get flash</a> to see this player.
<!--End of placeholder1 div-->
</div>
<!--End of wrapper div-->
</div>
<p><a href="javascript:createPlayer('video.flv')"><img src="video.jpg" alt="Video2"></img>Video 1</a></p>
<p><a href="javascript:createPlayer('Selah.flv')"><img src="Selah.jpg" alt="Video2"></img>Video 2</a></p>
<!--Start of rightcol div-->
</div>
<!--Start of wrapper div-->
</div>
</body>
</html>
Any help will be appreciated. I am using jsp pages in doing this.