Results 1 to 10 of 10
  1. #1

    html embedment for flash

    Hello,

    I have probably a novice question for most. I'm using Wimpy A/v player for some video on my website. Through use of Wimpy's control panel wimpy automatically generated the code for me to copy/paste into my source. That has worked fine but I cannot position the video player where I'd like too. What do I have to add to their code to be able to position the player where I'd like it?

    Thanks

  2. #2
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    I'm not completely familiar with Wimpy's code. I know they generate the HTML/PHP/ASP code automatically and they tell you not to edit it by hand, which restricts the options a little.

    If there's nothing in their customisation tool that lets you position the player, I would suggest surrounding the entire code with div tags, eg:

    Code:
    <div align="center">
    <!-- Wimpy code -->
    </div>
    Dave Owen
    MediaCollege.com

  3. #3
    Yes, here is what they give you and tell you not to modify it. That's abit confusing. Your last reply; if I do the div tag and center it, doesn't that just center left to right? My problem is getting it into position along the Y axis of the page. I noticed in their code they have an "align middle".

    Code:
    <!-- Wimpy Player Code -->
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="255" id="wasp64784" name="wasp64784" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="http://www.ho1designs.com/mp3s/wasp.swf?theFile=http://www.ho1designs.com/mp3s/moth-new.flv&startPlayingOnload=yes&bufferSeconds=5&videoSmoothing=yes" />
    <param name="loop" value="false" />
    <param name="menu" value="false" />
    <param name="quality" value="high" />
    <param name="scale" value="noscale" />
    <param name="salign" value="lt" />
    <param name="bgcolor" value="#000000" />
    <param name="wmode" value="transparent" />
    <embed src="http://www.ho1designs.com/mp3s/wasp.swf?theFile=http://www.ho1designs.com/mp3s/moth-new.flv&startPlayingOnload=yes&bufferSeconds=5&videoSmoothing=yes" loop="false" menu="false" quality="high" wmode="transparent" scale="noscale" salign="lt" width="320" height="255" name="wasp64784" align="middle" bgcolor="#000000" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
    <!-- End Wimpy Player Code -->

  4. #4
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    Yes, the code I gave was just supposed to be an example. You can align left, center or right using this method but if you want precise control you need to add a style to the div tag. Here's a more advanced example:

    Code:
    <div style="position: absolute; left: 10px; top: 20px;">
    <!-- Wimpy Player Code -->
    </div>
    You may find that you need to play around with it to get it just right, but this should set you on the right path.

    Note: The "absolute" attribute means the position is measured in pixels from the top left of the page. You could change this to position: relative; to make the position relative to it's container.

    Anyway, see how you go with that code.
    Dave Owen
    MediaCollege.com

  5. #5
    Thanks Dave,

    I'll let you know how I end up, cool forum too.
    Forums like this are priceless.

  6. #6
    Quote
    Quote: Dave
    View Post
    Yes, the code I gave was just supposed to be an example. You can align left, center or right using this method but if you want precise control you need to add a style to the div tag. Here's a more advanced example:

    Code:
    <div style="position: absolute; left: 10px; top: 20px;">
    <!-- Wimpy Player Code -->
    </div>
    You may find that you need to play around with it to get it just right, but this should set you on the right path.

    Note: The "absolute" attribute means the position is measured in pixels from the top left of the page. You could change this to position: relative; to make the position relative to it's container.

    Anyway, see how you go with that code.



    Thanks again Dave, That tag seemed to work good without messing up their code.

    Cheers,
    hankeester

  7. #7
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    Excellent
    Dave Owen
    MediaCollege.com

  8. #8
    Dave,

    I since added a div style tag to the code and thought everything was good until I viewed it on another computer. With different screens sizes and resolutions the played was off center. I tried including the code in the body which has a div container and centers the entire page but that is not working. When I check it on my other computer it's still off center.
    Any ideas?
    Here's the code and the player, actually I'm streaming from youtube but the code is at the bottom of the page with a div style tag above it.

    Thanks

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <TITLE>video page</TITLE>
    <META name="AUTHOR" content="hankeester">
    <META name="KEYWORDS" content="sailing videos, moth sailing, ">
    <META name="DESCRIPTION" content="This is High Octane One Designs sailing video page.">
    <META name="GENERATOR" content="Created by BlueVoda">
    <STYLE type="text/css">
    div#container
    {
       width: 1004px;
       position: relative;
       margin-top: 0px;
       margin-left: auto;
       margin-right: auto;
       text-align: left;
    }
    body
    {
       text-align: center;
       margin: 0;
    }
    </STYLE>
    </HEAD>
    <BODY bgcolor="#FFFFFF" text="#000000" link="#808080" vlink="#C0C0C0" style="SCROLLBAR-FACE-COLOR:#E0DFE3;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#E0DFE3;SCROLLBAR-DARKSHADOW-COLOR:#716F64;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-SHADOW-COLOR:#9D9DA1;SCROLLBAR-TRACK-COLOR:#D4D0C8;">
    <DIV id="container">
    <HR size="3" width="809" style="position:absolute;left:92px;top:774px;width:809px;height:3px;z-index:0">
    <DIV style="position:absolute;left:412px;top:777px;width:134px;height:14px;z-index:1" align="left">
    <FONT style="font-size:11px" color="#7F7F7F" face="Arial">COPYRIGHT 2006 HOOD</FONT>
    </DIV>
    <IMG src="kilt1.jpg" alt="" align="top" border="0" width="119" height="39" style="position:absolute;left:782px;top:778px;width:119px;height:39px;z-index:2">
    <IMG src="heather's logo.jpg" alt="" align="top" border="0" width="600" height="178" style="position:absolute;left:302px;top:3px;width:600px;height:178px;z-index:3">
    <A href="http://ho1designs.com/index.html"><IMG src="BurgeeLOGO.jpg" alt="" align="top" border="0" width="200" height="71" style="position:absolute;left:88px;top:82px;width:200px;height:71px;z-index:4"></A>
    <IMG src="it'swhat.gif" alt="" align="top" border="0" width="175" height="20" style="position:absolute;left:164px;top:158px;width:175px;height:20px;z-index:5">
    <HR size="3" width="800" style="position:absolute;left:98px;top:223px;width:800px;height:3px;z-index:6">
    <A href="http://ho1designs.com/about us/about us.html"><IMG src="about-us.gif" alt="" align="top" border="0" width="100" height="50" style="position:absolute;left:485px;top:206px;width:100px;height:50px;z-index:7"></A>
    <A href="http://ho1designs.com/advertising/advertising.html"><IMG src="advertising.gif" alt="" align="top" border="0" width="120" height="50" style="position:absolute;left:636px;top:206px;width:120px;height:50px;z-index:8"></A>
    <A href="http://ho1designs.com/collegiatesailing/collegiatesailing.html"><IMG src="collegiate-sailing.gif" alt="" align="top" border="0" width="170" height="50" style="position:absolute;left:277px;top:206px;width:170px;height:50px;z-index:9"></A>
    <A href="http://ho1designs.com/freelancers/freelancers.html"><IMG src="freelancers.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:636px;top:226px;width:130px;height:50px;z-index:10"></A>
    <A href="http://www.highoctaneonedesigns.com/forum/"><IMG src="hoodforum.gif" alt="" align="top" border="0" width="110" height="50" style="position:absolute;left:99px;top:229px;width:110px;height:50px;z-index:11"></A>
    <A href="http://ho1designs.com/hood promo/hood promo.html"><IMG src="hood-promo.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:277px;top:226px;width:130px;height:50px;z-index:12"></A>
    <A href="http://ho1designs.com/legal/legal.html"><IMG src="legal.gif" alt="" align="top" border="0" width="80" height="50" style="position:absolute;left:818px;top:207px;width:80px;height:50px;z-index:13"></A>
    <A href="http://ho1designs.com/archives/archives.html"><IMG src="archives.gif" alt="" align="top" border="0" width="90" height="50" style="position:absolute;left:818px;top:225px;width:90px;height:50px;z-index:14"></A>
    <A href="http://ho1designs.com/hoodshowcase/hoodshowcase.html"><IMG src="hood-showcase.gif" alt="" align="top" border="0" width="145" height="15" style="position:absolute;left:100px;top:210px;width:145px;height:15px;z-index:15"></A>
    <A href="http://ho1designs.com/video/video.html"><IMG src="video65.gif" alt="" align="top" border="0" width="60" height="20" style="position:absolute;left:481px;top:225px;width:60px;height:20px;z-index:16"></A>
    </DIV>
    </BODY>
    </HTML>
    
    <div style="position: absolute; left: 400px; top: 350px;">
    
    <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/nDToL593cmU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nDToL593cmU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

  9. #9
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    A couple of things...

    The code for the player appears after the </html> tag. This is invalid - it need to appear between the <body> and </body> tags to be placed correctly on the page. Most browsers will still attempt to place it, but it's likely to cause problems.

    Also, there's no </div> tag to close the <div> tag after the player code.

    Fix these things and see what happens. If possible, could you also show us the URL?
    Dave Owen
    MediaCollege.com

  10. #10
    Sorry I haven't replied back.
    I figured it out and all is good.

    Thanks, again.

    www.ho1designs.com

    PS I ended up doing a video page with multiple vids on it since
    streaming it over from YouTube was so easy. I hope now that
    the Google boys bought it they don't take that sharing feature away.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Subscribe to us on YouTube