HTML Help

Mike H · Joined: 28 Sep 2009 Posts: 17

I'd sure appreciate some more help!

My webpage and code is shown below.

Question:
Can I increase the height of the FLV Player so you don't have to scroll for songs, or is that fixed in FLV Player code?

Thanks!!

Website:
http://www.masoncreekstudios.com/

My code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mason Creek Studios</title>

<style type="text/css">
body {background:#7C90B4;}
h1 {
font-size:40px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h3 {
font-size:28px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
p {
font-size:18px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h5 {
font-size:20px;
font-style:italic;
font-weight: bold;
margin-top: 30px;
margin-bottom: 0px;
padding: 0;
border: 0;
outline: 0;
}
#mediaspace {
width:470px;
height:282px;
border:4px solid #DF3232;
float:left;
}
.band {
border:10px solid #000;
margin-top:10px;
width:1027px;
}

#outer{
width:800px;
text-align:left;
margin:20px 0 0 0;
}
.mixer{
float:left;
width:299px;
height:282px;
position:relative;
text-align:right;
display:table;
}

.mixer p{
margin:0 0 0 20px;
color:#fff;
display:table-cell;
vertical-align:middle;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}

/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */

</style>


</style>

</head>

<body>
<h1>Mason Creek Studios</h1>

<h3>Current Mixes in Progress</h3>

<p>Note: Download latest version of Adobe Flash Player if you can't play these m4a files: <a href="http://get.adobe.com/flashplayer/" target="_blank">flashplayer download site</a></p>

<script type='text/javascript' src='swfobject.js'>
</script>

<div id="outer" class="clearfix">
<div id='mediaspace'>Note: Download Adobe Flash Player if you can't play these m4a files: http://get.adobe.com/flashplayer/ </div>

<script type='text/javascript'>
var so = new SWFObject('player-licensed.swf','mpl','470','282','9.0.124');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','playlist.xml');
so.addVariable('playlistsize','240');
so.addVariable('playlist','bottom');
so.addVariable('skin', 'metarby10.swf');
so.write('mediaspace');
</script>
<div class="mixer">
<p><em>Mastering by Brian Lucey</em><br>
<a href="http://www.magicgardenmastering.com/" target="_blank">Magic Garden Mastering</a></p>
</div>
</div>

<h5>Ellisville HS auditorium, 1963</h5>

<p class="band"><img src="High school band photo.jpg" height="549" width="1027" alt="High School Band"></p>

</body>
</html>

sticks464 · Joined: 31 Dec 2006 Posts: 2311

I'm not sure. But you can experiment with the heights.
Just from looking at the code, is this the height or width of the playlist?
Code: so.addVariable('playlistsize','240');

Change this to 300,
Code: so.addVariable('playlistsize','300');

add the 60 additional pixel height to this
Code: var so = new SWFObject('player-licensed.swf','mpl','470','342','9.0.124');

and increase the mediaspace div height to 342px.

I can't see the player when I view your site so I'm not sure this will work. If it does and it still is not high enough to show the entire playlist, continue increasing the height until it does. Make sure to increase the height of all three elements so the border will stay around it.

Mike H · Joined: 28 Sep 2009 Posts: 17

That did the job! Thanks.

I need the height because there is too much height allotted to each song within the player. Might I be able to change this?

BTW, why can't you see the player when you visit the site?
If you haven't downloaded Flash Player, you can't even see the player? I assumed you could see the player, but just couldn't play the songs.

Thanks again!
Mike