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

Forums

/

Grid not working with Youtube or Playlist

27 replies [Last post]
Reply

Hello,

I'm having difficulty implementing the Grid plugin with a youtube video/playlist. Perhaps, I've overlooked something.

- If a put a single video streamed from my server, Grid appears and works fine.

- If I put the link for a youtube video, the Grid setup appears, but there is no thumbnail for the video.

As for the playlists...

This is a sample playlist code as I've written it...
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Intro to JW Flash Players </title>
<annotation>http://www.youtube.com/user/LongTailVideo</annotation>
<trackList>
<track>
<title>LongTail Video</title>
<annotation>The JW Players</annotation>
<location>hhttp://www.youtube.com/watch?v=LnhMLYQl2Rk</location>
<image>http://i1.ytimg.com/vi/LnhMLYQl2Rk/default.jpg</image>
</track>
<track>
<title>JW WMV Player</title>
<annotation>Silverlight</annotation>
<location>http://www.youtube.com/watch?v=GqBQtSq6sjM</location>
<image>http://i4.ytimg.com/vi/GqBQtSq6sjM/default.jpg</image>
</track>
</trackList>
</playlist>

This is the embedding code I've tried to utilise...

<h3>Playlist - 2 files, grid only</h3>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="400" height="315">
<param name="movie" value="player-licensed.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="playlistfile=jw.xml&image=preview.jpg&plugins=grid-1&dock=true" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="player-licensed.swf"
width="400"
height="315"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="playlistfile=jw.xml&plugins=grid-1&dock=true"
/>
</object>

RESULTS - Grid screen with NO THUMBNAILS

I'm able to see the Grid with some thumbnails if I also plugin Flow as in...

<h3>Playlist - 2 files, grid and flow</h3>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="400" height="315">
<param name="movie" value="player-licensed.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="playlistfile=jw.xml&image=preview.jpg&plugins=flow-1,grid-1&dock=true&flow.position=bottom&flow.size=100" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="player-licensed.swf"
width="400"
height="315"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="playlistfile=jw.xml&plugins=flow-1,grid-1&dock=true&flow.position=bottom&flow.size=100"
/>
</object>

RESULTS - Both flow and grid appear, but Grid does not function properly. (See also question posted by Lowhood on March 11 - http://www.longtailvideo.com/support/forum/Plugins/22233/The-Grid-Background-Color)

For my application,I need to us the embed code rather than javascript. Kindly let me know if I've made an error or overlooked an important detail. Thank you.

Reply

Can you provide a link to where you are running this?

Reply

Yes..

1) Single file (on server), single file from youtube.
http://itsonlylove.net/sample/jw1.html

I see now that the single youtube file is running the Grid properly. Perhaps there is an issue with the playlist.

2) Playlist of 2 files with Grid only.
http://itsonlylove.net/sample/jw2.html

3) Playlist of 2 files with Grid and Flow.
http://itsonlylove.net/sample/jw3.html

Sometimes grid thumbnail appears, sometimes not and it (grid and flow combo) and the thumbnail is of a smaller than expected size.

Reply

Thanks, we will take a look at this.

Reply

 
Seems like there is an extra "h" in the line in bold:

<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
  <title>Intro to JW Flash Players </title>
  <annotation>http://www.youtube.com/user/LongTailVideo</annotation>
  <trackList>
    <track>
      <title>LongTail Video</title>
      <annotation>The JW Players</annotation>
      <strong><location>hhttp://www.youtube.com/watch?v=LnhMLYQl2Rk</location></strong>
      <image>http://i1.ytimg.com/vi/LnhMLYQl2Rk/default.jpg</image>
    </track>
    <track>
      <title>JW WMV Player</title>
      <annotation>Silverlight</annotation>
      <location>http://www.youtube.com/watch?v=GqBQtSq6sjM</location>
      <image>http://i4.ytimg.com/vi/GqBQtSq6sjM/default.jpg</image>
    </track>
  </trackList>
</playlist>

Reply

D'oh! I should have caught that! Thanks Alf :-)

Greta, if you fix that, does the Grid work?

Reply

I just removed the extra h... Thanks for pointing that out Alf..

But... the Grid is still not working.

Reply

We are looking into the issue, it appears to be an issue with cross domains.

Reply

Hi,

Back to see if there has been any progress made with getting the grid to function properly with Youtube playlista.

I have additional info that may be of help.

Since I posted, I got the JW Joomla plugin and have it installed without difficulty. The thumbnails now appear in the grid, are clickable and do play... However, these are the conditions that are necessary in order for this to happen.

1- I have to also enable the playlist in order for the thumbnails to appear.
2- Only default pictures may be used.

a) If I try to link to an image, the thumbnail shrinks in size on the grid and is not really animated.
b) If I add more than 2 images that are not the default image, the grid stops functioning.

I've also noticed what Lowhood has reported: that....

3- after the first .flv plays, the second one starts to play but there is no accompanying video. The loading image appears as the audio plays.

Hope this information will help. I really like this plugin and truly look forward to being able to utilise it fully.

Reply

Greta, can you provide a link please to the latest page where you are testing this? Thanks.

Reply

I'm using Grid-1. It works fine with videos hosted on my own server. I'm trying to get it to work with my YouTube videos. Here's the XML code I'm using. The YouTube link doesn't work. Help! Also, how do I get the thumbnail from YouTube?

--------------------------------------------------
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/">
<channel>
<title>Grid Playlist</title>
<item>
<title>How-to Install Example</title>
<media:credit role="author">OneCall</media:credit>
<media:content url="http://flysighttv.com/videofiles/SBB-OneCall-Install-Example.flv" />
<media:thumbnail url="SBB-OneCall-Install-Example_pic.png" />
</item>
<item>
<title>YouTube Example</title>
<media:credit role="author">Soundbar Brackets, LLC.</media:credit>
<media:content url="http://www.youtube.com/watch?v=EgJjlxuEUmc" />
<media:thumbnail url="YouTube-Example_pic.png" />
</item>
</channel>
</rss>

Reply

Can you provide a link please to the latest page where you are testing this? Thanks.

Reply
Reply

You are missing this file - http://flysighttv.com/yt.swf

That is the issue.

Reply

Perfect! It works now. I didn't know that's what that file was for.

Reply

How about the thumbnails?

Reply

No problem.

If you upgrade the player.swf / yt.swf files to at least 5.2, the thumbnails from YouTube will be generated automatically - http://www.longtailvideo.com/order/view/

Reply

ok, I'll use the newer version, but what line of code do I stick in my xml file?

Reply

No code to add.

Reply

So, here's a functioning snipit from my xml code. What do I need to change to have it pull the thumbnail from youtube instead of my static file? If I modify or remove the 'thumbnail' section the grid won't even load.
---------------------------------
<item>
<title>YouTube Example</title>
<media:credit role="author">Soundbar Brackets, LLC.</media:credit>
<media:content url="http://www.youtube.com/watch?v=EgJjlxuEUmc" />
<media:thumbnail url="SBB-OneCall-Install-Example_pic.png" />
</item>

Reply

Delete this line, and use a new player / yt:

<media:thumbnail url="SBB-OneCall-Install-Example_pic.png" />

That's all!

Reply

Tried that, it didn't work. I'm using player.swf v5.5 and yt.swf v.5.5. The grid load bar works but no thumbnails at all are displayed.

Reply

So, I've figured out the issue, but not the resolution. The grid player is pulling the images from Youtube ok, but they're a different size ratio than I want. I want 320x240, and the youtube images are either bigger or smaller. I've defined the thumbnail size ratio as 320x240 in my embed code so all the images look uniform. Any idea how what code to modify to tell the grid player to make the youtube image a 320x240?

Sample xml code snipet
-------------------------
<item>
<title>YouTube Example</title>
<media:credit role="author">Soundbar Brackets, LLC.</media:credit>
<media:content url="http://www.youtube.com/watch?v=EgJjlxuEUmc" />
<media:thumbnail url="http://img.youtube.com/vi/EgJjlxuEUmc/0.jpg" />
</item>

Reply

The YouTube API only pulls in the images at that size, unfortunately.

If you want the images to be at the size you want, you are going to have use your own thumbnails at 320x240 resolution.

Reply

Do you know of any extra code to type into my xml file to tell the grid to simply scale the larger image down and display it at 320x240?

Reply

Unfortunately, that is no possible. You will have to just make your own images at the right size.

Reply

Solution. I removed the size definitions in the embed code and everything started working. It looks ok. The thumbnails are not exactly the same but it's not bad.

Reply

Great, glad you got it.

Post new comment

  • Allowed HTML tags: <code> <blockquote> <em> <strong> <strike> <ul> <li> <ol>
  • You may post code using <code>...</code> .
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options