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

Forums

JW Player
/
Feature Suggestions

JW Player run automatic when web page load

5 replies [Last post]
Posted: Fri, 2009-11-13 10:18 arun tyagi
Anonymous's picture

Hi

I want to know that how jw plyer run automatic (start swf video automaticly).

Thanks

Posted: Mon, 2009-11-16 13:02 Zachary Ozer  
Zachary Ozer's picture

You'll need to set the autostart flashvar to true

Posted: Thu, 2010-02-25 06:43 trucknut  
trucknut's picture

I'd like to take this question one step further.

Using SWFObjects 2.2 notation with all the code now located up in the header, I would like to re-use that header code on several pages but be able to define the playlist item to start with for each page. I can very easily place the head code in a server side include to make it portable so that part is easy. What I was doing before to solve this problem was just using separate server includes for every playlist item but there must be a better way.

If I set the item number flash var in the header code that sets the item globally. Leaving autostart set to true is fine, if a item doesnt get called the player with just start at the top of the playlist. The real question is "how do I call or pass the desired playlist item number during the page load?"

Here's my pertinent header code

    <script type="text/javascript" src="http://www.google.com/jsapi?key=blahblahblah"></script>
    <script type="text/javascript">
  google.load('feeds', '1');
  google.load('jquery', '1.3.2');
      google.load('swfobject', '2.2');
</script>

<script type='text/javascript'>
    var randomNumber = Math.round(1000 * Math.random());
var xpress= "http://washingtonguard.org/embed/swfobject2.2/expressInstall.swf";
var jwplayer= "http://washingtonguard.org/embed/jwplayer5.1.846/player.swf";
var wcflashVerison= "10";
var replaceDiv= "welcomeplayer";
var wcwidth= 360;
var wcheight= 400;
var wcflashvars = {
'file': encodeURIComponent ('http://washingtonguard.org/vids/playlist.xml?'+ randomNumber),
'config': encodeURIComponent ('http://washingtonguard.org/vids/config22.xml?'+ randomNumber),
'id': 'welcomeplayer',
/*'item': '15',*/
'repeat': 'list',
};
var wcparams = {
'allowscriptaccess': 'always',
'allownetworking': 'all',
'wmode': 'opaque',
'allowfullscreen': 'true',
};
var wcattributes = {
'id': 'welcomeplayer',
'name': 'welcomeplayer',
};
swfobject.embedSWF(jwplayer, replaceDiv, wcwidth, wcheight, wcflashVerison, xpress, wcflashvars, wcparams, wcattributes);
</script>

config.xml

<?xml version="1.0" encoding="UTF-8"?>
<config>
  <shuffle>false</shuffle>
  <start>0</start>
  <autostart>true</autostart>
  <volume>100</volume>
  <controlbar>bottom</controlbar>
  <icons>true</icons>
  <dock>true</dock>
  <linktarget>_blank</linktarget>
  <fullscreen>false</fullscreen>
  <stretching>fill</stretching>
  <!--<mute>false</mute>-->
  <!--<displaytitle>true</displaytitle>-->
  <skin>http://washingtonguard.org/skins/modieus/modieus.swf</skin>
  <!--<skin>http://washingtonguard.org/skins/Modieus_Slim/stylish_slim.swf</skin>-->
  <!--<skin>http://washingtonguard.org/skins/bekle/bekle.swf</skin>-->
  <!--<skin>http://washingtonguard.org/skins/simple/simple.swf</skin>-->
  <frontcolor>FFFFFF</frontcolor>
  <backcolor>000000</backcolor>
  <lightcolor>999999</lightcolor>
  <screencolor>000000</screencolor>
  <!--<logo>http://washingtonguard.org/images/logo2.png</logo>-->
  <logo.file>http://washingtonguard.org/images/logo2.png</logo.file>
  <logo.link>http://washingtonguard.org</logo.link>
  <logo.position>top-left</logo.position>
  <!--<streamer>http://washingtonguard.org/embed/stream.aspx</streamer>-->
  <!--<provider>http</provider>-->
  <!--<http.startparam>start</http.startparam>-->
  <plugins>gapro-1,viral-2,flow-1</plugins>
  <flow.showtext>true</flow.showtext>
  <flow.coverheight>80</flow.coverheight>
  <flow.coverwidth>150</flow.coverwidth>
  <flow.coveroffset>5</flow.coveroffset>
  <flow.position>bottom</flow.position>
  <flow.titleoffset>3</flow.titleoffset>
  <flow.size>110</flow.size>
  <flow.fontsize>9</flow.fontsize>
  <flow.coverdepth>300</flow.coverdepth>
  <flow.showreflection>false</flow.showreflection>
  <flow.defaultcover>http://washingtonguard.org/images/logo2.png</flow.defaultcover>
  <gapro.accountid>UA-3312135-1</gapro.accountid>
  <viral.callout>none</viral.callout>
  <viral.onpause>true</viral.onpause>
  <viral.oncomplete>true</viral.oncomplete>
  <viral.functions>info,recommendation,share,embed</viral.functions>
  <viral.matchplayercolors>true</viral.matchplayercolors>
  <!--<viral.recommendations>http://gdata.youtube.com/feeds/base/users/WANationalGuardPAO/uploads?client=ytapi-youtube-user&v=2</viral.recommendations>-->
  <viral.recommendations>http://washingtonguard.org/vids/rrc_playlist.xml</viral.recommendations>
  <viral.email_subject>Check out the new video on this site!</viral.email_subject>
  <viral.email_footer>Official Sites:
  <http://washingtonguard.org/>
  <http://washingtonarmyguard.org>
  <http://washingtonairguard.org>

Social Media Sites:
  Keep up with us on Facebook: <http://www.facebook.com/pages/Tacoma-WA/Washington-National-Guard/174688877731?v=wall>
  Watch us on YouTube: <http://www.youtube.com/user/WANationalGuardPAO>
  Or see us on Flickr: <http://www.flickr.com/photos/washingtonguard/>.

Thank you for your support.

Neighbors Helping Neighbors Through a Tradition of Service,
Washington National Guard
###</viral.email_footer>
</config>

//side note: the viral.email_footer code you see above actually works very well but it must be url percent encoded (which the code window is unfortunately un-encoding when I posted the message).

Body portion

     <div id="welcomeplayerbox">
       <div id="welcomeplayer" class="welcomeplayer">
      <div id="flashupdate">
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
        </div>
     </div> 

I've stayed up an entire night so far converting from SWFObject 1.5 to 2.2 notation and creating this code so far. I'm not positive the expressinstall is working, at least it wasnt on my machine but I think that might have just been my machine and how many changes I was making. Also, I'm having to use the CSS for the playerbox to hide overflow as I'm getting a huge full screen rss type feed underneth the player and I havent figured out why.

I'm sure theres other mistakes but I'm slowly getting there.

Posted: Thu, 2010-02-25 07:26 trucknut  
trucknut's picture

I know next to nothing about javascript, but would it be possible to use a variable, something like this:

var myitem = 15;

....then in the flashvars...

'item': myitem;

Just like I did with the width and height for the swfobject.embedswf code in the header.

I would assume there must then be a way to pass that variable into the function from outside, but I'm already too far pasted my knowledge level to figure it out.

BTW- the line in my config.xml "<flow.coveroffset>5</flow.coveroffset>" doesn't exist but wish it did. I would like some control over the spacing between the coverimage and the top of the flow box like there is for the title and description. Text wrapping on the description would be much more important fix though.

Posted: Thu, 2010-02-25 09:15 Alf  
Alf's picture

 
Lots of examples of calling a page with query parameters here:

    http://willswonders.myip.org:8074/player5/callingpage_v5.html

    http://willswonders.myip.org:8074/player5/calledpage_title_v5.html?title=1:%20Opening%20Credits

    http://willswonders.myip.org:8074/player5/calledpage_item_v5.html?item=1

    http://willswonders.myip.org:8074/player5/calledpage_file_v5.html?file=playlist_songs.xml

Posted: Sun, 2010-04-04 03:38 trucknut  
trucknut's picture

Thanks Alf.

The links don't work, not sure if they were suppose to or if I'm just too late in trying.

The url examples are nonetheless helpful though.

Question, in the player flashvars do you still call 'item' and with or without a value?

  • Locked