Thursday, November 20, 2008

Our YouTube Playlist with JW Media Player


I'm so happy that I was able to put this together! This is a the free JW Player. It's not all that intuitive to put things together with this. I worked on it for a while :) You can see our 3 Google videos in this non-google player!





3 comments:

Anonymous said...

How do you do it?

Pablo Otaola on November 21, 2008 at 2:47 PM said...

It's not too hard after you figure out how it works, but it was kinda hard when I was starting to dive it.

Go to this page: http://www.jeroenwijering.com/?item=JW_FLV_Player

download the JW player ZIP and open it. Then, put all files that you just unzipped into 1 folder on your server. Then go here: http://www.jeroenwijering.com/?page=wizard&example=43 and use this wizard to get your code. I would suggest using the EMBED tag code since it's easier to handle than using the JS flashObject function.

Then go to your www.youtube.com profile and open your playlist. Look at your embed code in this list and look at the ID which are last few numbers. Another helpuful page is here: http://www.jeroenwijering.com/?item=Embedding_Flash

The code is simple. Here's mine (I used asterisks so that my code could be viewed:

<*script type="text/javascript" src="swfobject.js"><*/script>

<*div id="flashbanner"><*embed
src="player.swf"
width="470"
height="300"
bgcolor="#"
allowscriptaccess="always"
allowfullscreen="true"
allownetworking="all"
flashvars="file=http://www.youtube.com/watch?v=Ymd8MXAfVfc&plugins=viral-1&viral.callout=none&viral.onpause=false>"
/><*/div>

You can see my playlist ID: Ymd8MXAfVfc

Hope that helps... The forums have a lot of good stuff...

cesar on March 11, 2009 at 10:51 AM said...

hi does not work if you call my http://miserver/player.swf :( but if it works if your name server: http://www.stepstonedesigns.com/personal-video/player.swf

PD: my player.swf and swfobject.js to your server to download

Post a Comment

Followers

Archive

 

Pablo Emmanuel Otaola. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com