Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

JW Player
/
Setup Issues and Embedding

can you put music and video on the page

1 reply [Last post]
Posted: Sat, 2009-11-14 02:22 Sergio
Anonymous's picture

can you put music and video on the page
music starts by itself
when you click play on the video the music stops
video starts
when video is paused music continues
when video finishes music continues

Posted: Sat, 2009-11-14 12:59 hobbs  
hobbs's picture

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>Simple Video + Audio - JWMP v4.7.581 - swfobject v2.2</title>

    <style type="text/css">
      div.playercontainer1
      {
        position:                 absolute;
        left:                        100px;
        top:                         140px;
        width:                       320px;
        height:                       20px;
        background-color:          #000000;
        }

      div.playercontainer2
      {
        position:                 absolute;
        left:                        420px;
        top:                         140px;
        width:                       640px;
        height:                      540px;
        background-color:          #000000;
      }
    </style>

    <script src="http://www.google.com/jsapi"></script>

    <script>
      google.load('swfobject', '2.2');
    </script>

    <script type="text/javascript">
      var flashvars1 =
      {
        'file':                                  'song7.mp3',
        'id':                                    'playerID1',
        'autostart':                             'true'
      };

      var params =
      {
        'allowfullscreen':                       'true',
        'allowscriptaccess':                     'always'
      };

      var attributes1 =
      {
        'id':                                   'playerID1',
        'name':                                 'playerID1'
      };

      swfobject.embedSWF('player-4.7.581.swf', 'player1', '320', '20', '9.0.124', false, flashvars1, params, attributes1);

      var flashvars2 =
      {
        'file':                                  'Hitchhikers.flv',
        'title':                                 'Hitchhikers Guide to the Galaxy Trailer',
        'description':                           'Video & Audio Players.',
        'playlist':                              'bottom',
        'playlistsize':                          '60',
        'id':                                    'playerID2',
        'autostart':                             'false'
      };

      var attributes2 =
      {
        'id':                                   'playerID2',
        'name':                                 'playerID2'
      };

      swfobject.embedSWF('player-4.7.581.swf', 'player2', '640', '540', '9.0.124', false, flashvars2, params, attributes2);
    </script>

    <script type="text/javascript">
      var player1    =  null;
      var player2    =  null;
      var playlist2  =  null;

      function playerReady(obj)
      {
        if(obj.id == 'playerID1')      player1 = gid(obj.id);
        else if(obj.id == 'playerID2') player2 = gid(obj.id);

        if((player1 !== null) && (player2 !== null))
        {
          addListeners();
        }
      };

      function addListeners()
      {
        playlist2 = player2.getPlaylist();

        if(playlist2.length > 0)
        {
          player2.addModelListener('STATE', 'stateMonitor');
        }
        else
        {
          setTimeout("addListeners();", 100);
        }
      };

      function stateMonitor(obj)
      {
        if((obj.newstate == 'BUFFERING') || (obj.newstate == 'PLAYING'))
        {
          player1.sendEvent('PLAY', 'false');
        }
        else
        {
          player1.sendEvent('PLAY', 'true');
        }
      };

      function gid(name)
      {
        return document.getElementById(name);
      };
    </script>

  </head>

  <body>

    <div id="playercontainer1" class="playercontainer1"><a id="player1" class="player" href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Adobe Flash Player to see this video.</a></div>
    <div id="playercontainer2" class="playercontainer2"><a id="player2" class="player" href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Adobe Flash Player to see this video.</a></div>

  </body>

</html>

  • Locked