Thanks, I was able to connect through Filezilla since the host did not recognized the file extension .ogg - this resolved the problem with down loading.
However, could you help me with three more questions?
1) How do I get the video to "Autoplay" when someone visits the page?
2) How do I loop a video (not the same video as above)
3) How do I change to background of the player to "white"
Thanks for your help, my current code is below.
<html>
<head>
<title></title>
<script src="/zencoder/video.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
// If using jQuery
// $(function(){
// VideoJS.setup();
// })
window.onload = function(){
VideoJS.setup();
}
</script>
<link rel="stylesheet" href="/zencoder/video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
</head>
<body id="body">
<div class="video-js-box">
<video id="video" class="video-js" width="640" height="264"
poster="burpproductions.com/movies/BuRP.png" autobuffer>
<source src="http://burpproductions.com/movies/BuRP.mp4" type="video/mp4">
<source src="burpproductions.com/movies/BuRP.ogg" type="video/ogg">
<object width="640" height="264" type="application/x-shockwave-flash"
data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip":"http://burpproductions.com/movies/BuRP.mp4"}' />
<img src="burpproductions.com/movies/BuRP.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." />
</object>
</video>
</div>
</body>
</html>
HTML5
