Results 1 to 1 of 1

Thread: Image>flash until movie starts

  1. #1
    Join Date
    May 2007
    Posts
    99
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Red face Image>flash until movie starts

    Hi everybody! I hope I can explain this so it makes sense...
    I have a movie I'm using on a site, but when embedded, it shows up black since the first frame captured was the movie in the off position. Having it this way looks dull and uninviting. Without having to change any frames in the video, I'm looking to superimpose an image over the flash that when clicked, will play the movie. I have 2 scripts. The first one is for the flash. The second is from another site that used the technique I want of putting the image over it. Does anyone know how to take that element from script 2 and incorporate it into script 1? Or another easier way to achieve what I need?
    P.S. The reason why I can't just adjust and use script 2 is because my video in script 1 uses a certain player.

    Script 1 (my video code):
    Code:
            <span id="video0" class="flashvideo">
          <embed type="application/x-shockwave-flash" src="http://mysite123456789.com/wp-content/plugins/flash-video-player/mediaplayer/player.swf" id="n0" name="n0" quality="high" allowfullscreen="true" allowscriptaccess="always" wmode="opaque" flashvars="id=n0&amp;controlbar=bottom&amp;height=377&amp;playlist=none&amp;width=500&amp;autostart=false&amp;bufferlength=1&amp;displayclick=play&amp;icons=true&amp;linktarget=_blank&amp;mute=false&amp;quality=true&amp;repeat=none&amp;resizing=true&amp;shuffle=false&amp;stretching=uniform&amp;volume=90&amp;aboutlink=http://www.longtailvideo.com/players/&amp;file=http://mysite123456789.com/videos/video.flv" height="438" width="580"> 
          </span>
          <script type="text/javascript"> 
    var s0 = new SWFObject("http://mysite123456789.com/wp-content/plugins/flash-video-player/mediaplayer/player.swf","n0","580","438","7");
    s0.addParam("allowfullscreen","true");
    s0.addParam("allowscriptaccess","always");
    s0.addParam("wmode","opaque");
    s0.addVariable("id","n0");
    s0.addVariable("controlbar","bottom");
    s0.addVariable("height","438");
    s0.addVariable("playlist","none");
    s0.addVariable("width","580");
    s0.addVariable("autostart","false");
    s0.addVariable("bufferlength","1");
    s0.addVariable("displayclick","play");
    s0.addVariable("icons","true");
    s0.addVariable("linktarget","_blank");
    s0.addVariable("mute","false");
    s0.addVariable("quality","true");
    s0.addVariable("repeat","none");
    s0.addVariable("resizing","true");
    s0.addVariable("shuffle","false");
    s0.addVariable("stretching","uniform");
    s0.addVariable("volume","90");
    s0.addVariable("aboutlink","http://www.longtailvideo.com/players/");
    s0.addVariable("file","http://mysite123456789.com/videos/video.flv");
    s0.write("video0");
    </script>

    Script 2 (a code where they used image over flash):
    Code:
                        <script type="text/javascript" src="../js/flowplayer-3.0.5.min.js">
    </script>
                        <a id="player" style="border: 5px solid rgb(238, 238, 238); width: 200px; height: 165px; display: block; cursor: pointer;"><img src="../images/watchmovie.gif" style="width: 200px; height: 165px;"/></a>
                        <div id="finishContent" style="border: 5px solid rgb(238, 238, 238); display: none; width: 400px; height: 330px; background-color: rgb(248, 248, 248);"></div>
                        <script type="text/javascript">
    function loadPlayer() {
    $f("player", {src: "http://www.smibandwidth.com/regen/images/plan.swf", wmode: "opaque"}, {
    key: '#@e6d874fdb93e5283083'
    ,clip: {
    baseUrl: "http://www.smibandwidth.com/regen/images/"
    ,url: 'plan.swf'
    ,autoBuffering:true
    }
    ,plugins: {
    controls: {
    fullscreen: false
    ,autoHide: 'always'
    }
    }
    ,onBeforeClick: function() {
    // unload previously loaded player
    $f().unload();
    jQuery('#player').animate({width:394, height:328}, 500);
    jQuery('#player img').animate({width:400, height:330}, 500, function(){
    $f().load();
    });
    // when animation finishes we will load our player
    return false;
    }
    ,onFinish: function() {
    document.getElementById('player').style.display= 'none';
    document.getElementById('finishContent').style.display= 'block';
    }
    });
    }
    jQuery(function(){
    loadPlayer();
    });
    </script>
    Last edited by nycguurl; 10-08-2009 at 06:22 AM.

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
  •