JWPlayer (Licensed) with S2member

Hi guys,

I’m embedding videos on my site using the JWPlayer plugin for WordPress…or I was anyway. Now that my files are streaming from Amazon S3 (using Cloudfront), I’m using the code supplied under S2member->Download Options-> JW Player & RTMP Protocol Examples->JW Player® ( RTMP streaming MP4, via s2Member’s Amazon® S3/CloudFront integration ).

Using this code appears to bypass any settings in the JWPlayer WordPress plugin, since I’m not calling it with a short code.

So, using the code supplied above, what’s the best way to customize the JWplayer embed? How can I add plugins I bought from LongTail? How can I add skins? etc etc…

Thanks!

V

I don’t really know how to answer that, so I’ll forward your question to Jason. Thanks for your patience. :)

Hi Vashte,

I have just finished a complex embed like the one you need. What were your setting, plugins and skins if you let me know what you want to achieve I can talk you through it :)

P

Hi @Philly! Thanks for offering to help.

Im using JWPlayer 5.9 (licensed) with the Stormtrooper skin.

Plugins I’d like to use are HD, Lights Out, and Screenshot.

I’m just not sure, using the S2member embed, how to call these plugins.

Thanks!

Hi Vashte,

I think this will work, remember you will need the php and raw html plugins to use this code in page/post.

I’m assuming your player is located yoursite.com/jwplayer/jwplayer.js and your skin yoursite.com/jwplayer/skins/stormtropper.zip

<div id="player"></div>
<script type="text/javascript" src="<?php echo get_bloginfo( 'siteurl' ); ?>/jwplayer/jwplayer.js"></script>

<?php /* A direct URL to the RTMP source; counting the file against the current User in real-time. */
$mp4_cfg = array ("file_download" => "SDvideo-location-here.mp4", "url_to_storage_source" => true, "count_against_user" => true); 
$mp4hd_cfg = array ("file_download" => "HDvideo-location-here-.mp4", "url_to_storage_source" => true /* Don't count variations. */); ?>

<?php if (($mp4 = s2member_file_download_url ($mp4_cfg, "get-streamer-array")) 
     	&& ($mp4hd = s2member_file_download_url ($mp4hd_cfg, "get-streamer-array"))) { ?>
<script type="text/javascript">
var options = {
    file: "<?php echo $mp4["url"]; ?>",
	image: "<?php echo get_bloginfo( 'siteurl' )  ; ?>/poster.jpg",
	height: 270,
    width: 480,
    skin: "<?php echo get_bloginfo( 'siteurl' ); ?>/jwplayer/skins/stormtropper.zip",
	modes: [
        { type: "flash", 
		  provider: "rtmp", 
		  src: "<?php echo get_bloginfo( 'siteurl' ); ?>/jwplayer/player.swf",
          config: {streamer: "<?php echo $mp4["streamer"]; ?>", file: "<?php echo $mp4["file"]; ?>"}
		},
		/* switch to html5 player if no flash support */
        { type: 'html5' },
		/* Download the file. */
        {type: "download", 
         config: {file: "<?php echo $mp4["url"]; ?>"}}
    ],
	/* Start plugins. */
    plugins: {	
                'hd-2': {file: '<?php echo $mp4hd["url"]; ?>'},
	 	'lightsout-1': {}
    },
    
};
jwplayer("player").setup(options);
</script>
<?php } else /* Access is denied to the current User. */ { ?>
    Sorry, this video does not exist yet or you do NOT have access to this file.
<?php } ?>

As for screenshot I dont think its supported in v5 and above.

Do you need more options like fallbacks?

P

• This reply was modified 4 years, 9 months ago by  Philly. Reason: oops forgot script closing tag

Sorry I have just noticed only works in the html5 video mode and you get a stream not found message when switching to hd in flash mode, needs some more work

Hey Philly,

It actually works really well – thanks! I just need to point to some SD versions of my files, and I think it’ll be good to go. This is what I ended up using:

[s2If current_user_can(access_s2member_level0)]
<div align="center">
<div id="jw-container">JWPlayer goes here</div>
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>

<?php /* A direct URL to the RTMP source; counting the file against the current User in real-time. */
$mp4_cfg = array ("file_download" => "B1_knitPad_kfb.mp4", "url_to_storage_source" => true, "count_against_user" => true); 
$mp4hd_cfg = array ("file_download" => "AB3_knitPad_LTCO.mp4", "url_to_storage_source" => true /* Don't count variations. */); ?>

<?php if (($mp4 = s2member_file_download_url ($mp4_cfg, "get-streamer-array")) 
     	&& ($mp4hd = s2member_file_download_url ($mp4hd_cfg, "get-streamer-array"))) { ?>
<script type="text/javascript">

var options = {
    file: "<?php echo $mp4["url"]; ?>",
	image: "<?php echo get_bloginfo( 'siteurl' )  ; ?>/poster.jpg",
	height: 270,
    width: 480,
    skin: "<?php echo get_bloginfo( 'siteurl' ); ?>/jwplayer/skins/stormtrooper/stormtrooper.zip",
	modes: [
        { type: "flash", 
		  provider: "rtmp", 
		  src: "/jwplayer/player.swf",
          config: {streamer: "<?php echo $mp4["streamer"]; ?>", file: "<?php echo $mp4["file"]; ?>"}
		},
		/* switch to html5 player if no flash support */
        { type: 'html5' },
		/* Download the file. */
        {type: "download", 
         config: {file: "<?php echo $mp4["url"]; ?>"}}
    ],
	/* Start plugins. */
    plugins: {	
               'hd-2': {file: '<?php echo $mp4hd["url"]; ?>'},
	       'lightsout-1':{'dock':'true', 'oncomplete':'on'},
               'timeslidertooltipplugin-2':{},
               'tweetit-1':{},
               'fbit-1':{}
    },
    
};
jwplayer("jw-container").setup(options);
</script>
<?php } else /* Access is denied to the current User. */ { ?>
    Sorry, this video does not exist yet or you do NOT have access to this file.
<?php } ?>
</div>
[/s2If]

The lightsout plugin still isn’t 100% functional, but that’s a whole other issue. I’ve reached out to LongTail for more info on that. Thanks so much for your help with this!!

Awarded Vashte the Experienced badge.

Hi Vashte,

The mistake I was making was this

'hd-2': {file: '<?php echo $mp4hd["url"]; ?>'},

should be

'hd-2': {file: '<?php echo $mp4hd["file"]; ?>'},

so you keep rtmp when switching file.

also to get the settings working pass them outside of the plugin like

/* Start plugins. */
    plugins: {	
               'hd-2': {file: '<?php echo $mp4hd["file"]; ?>'},
	       'lightsout-1':{},
               'timeslidertooltipplugin-2':{},
               'tweetit-1':{},
               'fbit-1':{}
    },
    'dock':'true', 
    'oncomplete':'on'

Hope that helps :)

@Raam – Sweet!! Thanks!

Philly – you’re completely right. I was getting “Stream Not Found” errors until I changed “url” to “file”.

Also, re: lights out, I got a fix from Longtail. Apparently there’s a conflict between the lightsout and time slider plugins, so I had to host the lightsout js file on my server instead of calling it from longtail’s. :/