Direct Linking Part 2

18 replies [Last post]

Posted: Thu, 2009-01-15 14:48 Jordan

Alright, let me word my post a little differently. Hopefully I can find some help that way.

How can I have call a video to play based on its "title" rather than its item position in the XML document with the getQueryParamValue?

I currently need the link by a number for one part of my site but would like to have the additional option to call by the title.

My current code based off of another post here:

if(!(playItem = swfobject.getQueryParamValue('item')))
{
// default is first item (array counting starts at 0)
playItem = 0;
}

if(!(file = swfobject.getQueryParamValue('playlist')))
{
// default playlist
file = 'playlist.xml';
}

//alert('Play Item: ' + playItem + '\nFile: ' + file);

function playerReady(obj)
{
player = document.getElementById(obj.id);
playAway();
};

// start the player on the query parameter item
function playAway()
{
if(player)
{
//alert('playAway:\nPlayer: ' + player.id + '\nplayAway - playItem:' + playItem);
setTimeout("player.sendEvent('ITEM', playItem)", 200);
setTimeout("player.sendEvent('PLAY', 'true')", 400);
}
else
{
setTimeout("playAway()", 200);
}
};
</script>

}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("player.swf", "placeholder1", "570", "570", "9.0.115", false, flashvars, params, attributes);

</script>

</head>

<body>

<div id="wrapper">
<div id="placeholder1">
<a href="http://www.macromedia.com/go/getflashplayer">Get flash</a> to see this player.
</div>
</div>

</body>

Posted: Thu, 2009-01-15 17:00 noMind

Use this code: removeIt(removeItTitle) from this thread, except instead of removing the title, play it. You will have to update the code for teh v4.x players.

http://www.longtailvideo.com/support/forum/JavaScript-Interaction/9232/remove-item-by-file-title

Posted: Thu, 2009-01-15 18:49 Jordan

Yes, I saw that code but I didn't know how to update it to the v4.x players. Can you help out with that?

Thanks,
Jordan

Posted: Fri, 2009-01-16 07:38 noMind

@Jordan,

The v4.x player code would be:

      // play item by Title
      function playIt(playItem)
      {
        var playlist = player.getPlaylist();

        for(var j in playlist)
        {
          if(playItem == playlist[j].title)
          {
            player.sendEvent('ITEM', j);
          }
        }
      };

You can see it in context here for a day or two:

http://willswonders.myip.org:8085/php/Jordan.html

Add a few songs by clicking on the first row of buttons; make sure "Song 3" is one of them.

Then click [Play by Title: "Song 3"]

Posted: Mon, 2009-01-19 18:57 Jordan

Awesome! I will give this a try.

Posted: Wed, 2009-01-21 12:48 Jordan

@noMind,

Ok, as you can tell I am new to the JW Player so I am struggling a bit. I can't figure out how to integrate the title code into my code to work properly. Could you help?

Thanks!!!!

Posted: Wed, 2009-01-21 13:04 lefTy

Did you look at the demo code to see the function in context?

Post your test page or a link to it and I'll help you integrate the playIt() function.

Posted: Wed, 2009-01-21 13:26 Jordan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>University of Wisconsin-Stevens Point :: Video Player</title>
<style type="text/css">
body {
padding:0;
margin:0;
}
</style>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
 	  var player = null;
      var playItem = null;
      var file = null;
      var id = null;
      
      
   
      if(!(playItem = swfobject.getQueryParamValue('item')))
      {
        // default is first item (array counting starts at 0)
        playItem = 0;
      }
      if(!(file = swfobject.getQueryParamValue('playlist')))
      {
        // default playlist
        file = 'playlist.xml';
      }
      
      if(!(id = swfobject.getQueryParamValue('id')))
      {
        // default is first item (array counting starts at 0)
        id = null;
      }
      
   
//alert('Play Item: ' + playItem + '\nFile: ' + file);
      function playerReady(obj)
      {
      	
        player = document.getElementById(obj.id);
        
        playAway();
      };
      
     
     
     // play item by Title
      function playIt(id)
      {
        var playlist = player.getPlaylist();
        for(var j in playlist)
        {
          if(id == playlist[j].title)
          {
            player.sendEvent('ITEM', j);
          }
        }
      };
     
   
   
      // start the player on the query parameter item
      function playAway()
      {
        if(id == null)
        {
//alert('playAway:\nPlayer: ' + player.id + '\nplayAway - playItem:' + playItem);
          setTimeout("player.sendEvent('ITEM', playItem)", 200);
          setTimeout("player.sendEvent('PLAY', 'true')", 400);
            }
        else
        {
        playIt(id);
          //setTimeout("playAway()", 200);
        }
      };
    </script>
    <script type="text/javascript">
     var flashvars = {
                    file:file, 
                    autostart:"true", 
                    shuffle:"false", 
                    playlistsize:"200",
                    playlist:"bottom",
                    skin:"stylish/modieus.swf",
                    frontcolor:"cccccc",
                    lightcolor:"6e1f84",
                    backcolor:"111111",
                    repeat:"list"
                    //logo:"logo_overlay.png"
                    
            }
            var params = {
                    allowfullscreen:"true", 
                    allowscriptaccess:"always"
            }
            var attributes = {
                    id:"player1",  
                    name:"player1"
            }
            swfobject.embedSWF("player.swf", "placeholder1", "570", "570", "9.0.115", false, flashvars, params, attributes);
    </script>
</head>
<body>
<div id="wrapper">
    <div id="placeholder1">
        <a href="http://www.macromedia.com/go/getflashplayer">Get flash</a> to see this player.
    </div>
</div>
</body>
</html>

Posted: Wed, 2009-01-21 16:23 lefTy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!--  call with:  http://www.mydomain.com/Jordan-2.html?&amp;id=Doing My Time&amp;item=&amp;playlist=playlist.xml  -->
    <!--  call with:  http://www.mydomain.com/Jordan-2.html?&amp;id=&amp;item=3&amp;playlist=playlist.xml  -->
    <title>University of Wisconsin-Stevens Point :: Video Player</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <style type="text/css">
      body 
      {
        padding:                  0;
        margin:                   0;
      }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
    <script type="text/javascript">
      var player     = null;
      var playItem   = null;
      var file       = null;
      var id         = null;
      if(!(playItem = swfobject.getQueryParamValue('item')))
      {
        //...default is first item (array counting starts at 0)
        playItem = 0;
      }
      if(!(file = swfobject.getQueryParamValue('playlist')))
      {
        // default playlist
        file = 'playlist.xml';
      }
      if(!(id = swfobject.getQueryParamValue('id')))
      {
        //...default is first item
        id = null;
      }
//alert('Play Item: ' + playItem + '\nFile: ' + file + '\nID (Title): ' + id);
      function playerReady(obj)
      {
        player = document.getElementById(obj.id);
        playAway();
      };
      //...start the player on the query parameter item
      function playAway()
      {
        if(id == null)
        {
//alert('playAway:\nplayAway - playItem:' + playItem);
          setTimeout("player.sendEvent('ITEM', playItem)", 200);
          setTimeout("player.sendEvent('PLAY', 'true')", 400);
        }
        else
        {
          playIt(id);
        //setTimeout("playAway()", 200);
        }
      };
      //...start the player on the play item by Title
      function playIt(id)
      {
        var title    = unescape(id);
        var playlist = player.getPlaylist();
        for(var j in playlist)
        {
//alert(playlist[j].title);
          if(title == playlist[j].title)
          {
//alert('playIt:\nTitle:' + title + '\nPlaylist Title: ' + playlist[j].title + '\nIndex: ' + j);
            player.sendEvent('ITEM', j);
            break;
          }
        }
      };
    </script>
    <script type="text/javascript">
      var flashvars =
      {
        file:                          file,
        autostart:                    'true',
        shuffle:                      'false',
        playlist:                     'bottom',
        playlistsize:                 '200',
        skin:                         'stylish/modieus.swf',
        frontcolor:                   'cccccc',
        lightcolor:                   '6e1f84',
        backcolor:                    '111111',
        repeat:                       'list'
      //logo:                         'logo_overlay.png'
      };
      var params =
      {
        allowfullscreen:              'true', 
        allowscriptaccess:            'always'
      };
      var attributes =
      {
        id:                           'player1', 
        name:                         'player1'
      };
      swfobject.embedSWF('player-4.4.135.swf', 'placeholder1', '570', '570', '9.0.124', false, flashvars, params, attributes);
    </script>
  </head>
  <body>
    <div id="wrapper">
      <div id="placeholder1">
        <a href="http://www.macromedia.com/go/getflashplayer">Get flash</a> to see this player.
      </div>
    </div>
  </body>
</html>

Posted: Thu, 2009-01-22 11:40 Jordan

Awesome, thank you, thank you, Thank You!!!

Posted: Thu, 2009-01-22 12:24 lefTy

yer welcome!

Posted: Thu, 2009-08-27 05:23 OLEG

to: lefTy

Wow!!! Thanks a lot for your code!
It took me 3 days to find the solution for this!!!

REALLY THANK YOU!

Posted: Thu, 2009-08-27 13:10 lost

This is a little more up-to-date code:

http://willswonders.myip.org:8074/Simple_PlayQueryItem.html?file=playlist_songs.xml&item=9&time=10

Also:

    http://willswonders.myip.org:8074/calledpage_file.html
    http://willswonders.myip.org:8074/calledpage_item.html
    http://willswonders.myip.org:8074/calledpage_title.html

Posted: Wed, 2009-09-02 07:49 OLEG

Thank you lost.
After my last post i had a problem, that i had to refresh the page after i call it with title, or it just loaded the first video in the playlist.
Your callpage_title script helped me a lot.
Thank you!!!

Posted: Wed, 2009-09-02 09:59 lost

@OLEG,

You're welcome.

Good Luck!

Posted: Wed, 2009-10-28 19:57 Terry McDougal

http://ocf.mcddesign.com/help_system/js/OCF_Help-call_from_URL.html?&id=&item=1&playlist=playlist.xm...

Always plays video list item 0 - the URL's above from lost are no longer available. Using ID is the same.

Posted: Fri, 2009-10-30 17:49 AchtugBaby

@Terry

Check that you are using <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>. I had a similar problem until I did so.

Posted: Wed, 2009-11-04 09:01 Terry McDougal

OK I have most of this working now. According to the code I can call a playlist with the URL: &playlist=playlist.xml but that does not seem to work. I can call the "item" with the URL if I add the location of the playlist to the player code.
URL to my playlist: http://ocf.mcddesign.com/help_system/js/playlist.xml
URL to the player:
http://ocf.mcddesign.com/help_system/js/OCF_Help-call_from_URL-1.html?playlist=playlist.xml&item=3

Posted: Mon, 2009-11-09 11:29 Terry McDougal

Removed

Direct Linking Part 2

JW Player

AddOns

AdSolution

Bits on the Run

Open Video Ads

Company