Welcome to WebmasterWorld Guest from 54.198.118.102

Forum Moderators: open

Message Too Old, No Replies

Excellent player needs hlp embedding into flash site html

     
7:21 am on Aug 11, 2010 (gmt 0)

New User

5+ Year Member

joined:Aug 11, 2010
posts: 4
votes: 0


I found a great free player @flvplayerlite.com/ it's only 7kb, but it's author protected, so I can't import it into my fla file. Here is my best try from the (Italian to English) documentation to embed it. Can you spot where i went wrong? Any help is sincerely appreciated. The flash site has been tested and works well. So i deleted the component FLV player and now ready to install this one. I have the player.swf and js/swfobject in server directory. Once this is solved, I suppose will need to specify an <X,Y> location, but that's next.

cs5 as2

<!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" lang="en" xml:lang="en">


<head>
<title>mysite</title>
<script type="text/javascript" src="js/swfobject.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #121212;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>

<body>
<script type="text/javascript">
<div id="playerLite"></div>
var flashvars = {
vidWidth: "420",
vidHeight: "238",
vidPath: "http://www.mysite.com/player/strobe.flv",
thumbPath: "http://www.mysite.com/player splash.png",
autoPlay: "false",
autoLoop: "true",
watermark: "show",
seekbar: "show"
};
var params = {
menu: "true",
allowfullscreen: "true",
allowscriptaccess: "always"
};
var attributes = {
id: "playerLite",
name: "playerLite"
};

swfobject.embedSWF("swf/playerLite.swf", "playerLite", flashvars.vidWidth, flashvars.vidHeight, "9.0.0","swf/expressInstall.swf", flashvars, params, attributes);
</script>

<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="766" height="850" id="mysite" align="middle">
<param name="movie" value="mysite.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#121212" />
<param name="play" value="true" />
<param name="loop" value="false" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="mysite.swf" width="766" height="850">
<param name="movie" value="mysite.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#121212" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

</body>
</html>
8:29 am on Aug 11, 2010 (gmt 0)

Preferred Member

5+ Year Member

joined:Aug 18, 2008
posts:408
votes: 0


vidPath: "http://www.mysite.com/player/strobe.flv",
thumbPath: "http://www.mysite.com/player splash.png",

Just wondering, is the thumbPath supposed to have a '/' between 'player' and 'splash.png' ?

swfobject.embedSWF("swf/playerLite.swf", "playerLite",

I do not see any block elements on your page with an id of "playerLite". Since you are using the 'dynamic' method of swfobject to embed the playerLite.swf file, swfobject will look for an element with that id and replace it with the player. So try adding <div id="playerLite"></div> somewhere's in the page.

p.s. Welcome to webmasterworld!
3:40 pm on Aug 11, 2010 (gmt 0)

New User

5+ Year Member

joined:Aug 11, 2010
posts:4
votes: 0


Thanks for taking interest.

quote:Just wondering, is the thumbPath supposed to have a '/' between 'player' and 'splash.png' ?

answer: my lousy naming convention of picture. Its in the main directory, i probably should move it to player folder.

quote:I do not see ...<div id="playerLite"></div>

answer: It's at the top, right below body, here:
<body>
<script type="text/javascript">
<div id="playerLite"></div>
var flashvars = {

I forgot to mention earlier that the flash site comes up fine, only the player is absent.

For those who are interested in the player or the documentation, you could take a look at the sudo-link I provided above.

Thanks for the effort Astupidname, but don't give up on me.
7:30 am on Aug 12, 2010 (gmt 0)

Preferred Member

5+ Year Member

joined:Aug 18, 2008
posts:408
votes: 0


answer: It's at the top, right below body, here:
<body>
<script type="text/javascript">
<div id="playerLite"></div>
var flashvars = {


Oops, guess I did not see the playerLite div because it is actually (invalidly) inside the <script tag -oops on your part!- Take it out of the script and see then! :)
4:31 am on Aug 14, 2010 (gmt 0)

New User

5+ Year Member

joined:Aug 11, 2010
posts:4
votes: 0


good eye astupidname,

yes, that would make perfect sense, it doesn't belong in scripts section.

So I put it here:just past the script section

</script>
<div id="playerLite"></div>
<div id="flashContent">

no player showed up, but i'm still kicking it around.
I don't give up easy :)
6:20 am on Aug 14, 2010 (gmt 0)

Preferred Member

5+ Year Member

joined:Aug 18, 2008
posts:408
votes: 0


So I put it here:just past the script section

Try the other way, put the "playerLite" div above the script. Either that or try wrapping the contents of that script in a window.onload definition:
window.onload = function () {
//complete contents of the script here
};
3:38 am on Aug 20, 2010 (gmt 0)

New User

5+ Year Member

joined:Aug 11, 2010
posts:4
votes: 0


Finally found the problem:

<head>
<title>mysite</title>
<script type="text/javascript" src="js/swfobject.js"></script>

yup the swfobjec.js needs to be in a js folder.

The price a person pays for getting code instead of writing it...

thanks to all
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members