JW Player® appears here – no video white page

Hi, Sorry guys, been away working on stuff, just came back to see if I could get the videos to play, my last post has been locked, so I have pasted the url from it and hope to continue from there:-

http://www.s2member.com/forums/topic/s3-cloud-rtmp-cant-problems-please-help/

Im taking the player code from http://www.pcasap.co.uk/wp-admin/admin.php?page=ws-plugin–s2member-down-ops

JW Player® ( RTMP streaming MP4, via s2Member’s Amazon® S3/CloudFront integration )

I can’t see any flash player, but if I try the following into a url I can see the video and the flash player, so my root location is correct:-

http://www.pcasap.co.uk/wp-content/plugins/s2member-files/s2member-file-inline/video.mp4

http://d2ulyco12qlu15.cloudfront.net/video.mp4?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QydWx5Y28xMnFsdTE1LmNsb3VkZnJvbnQubmV0L3ZpZGVvLm1wNCIsIkNvbmRpdGlvbiI6eyJJcEFkZHJlc3MiOnsiQVdTOlNvdXJjZUlwIjoiMi4yMjMuMTE1LjE1OS8zMiJ9LCJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTMzNTk5MTc2Nn19fV19&Signature=gHpK9PGMzWspQZa35JR2ljs5MMFep-M0cKHthKEkS5XSsne0DyQMuYkibckKTqoI~QoJmFj6QkJCqw2oYybwAreKwKzXvJJR9r~B01TNkzvcC4bC0qX58LPm~gtwteLU92CxNA4X2Zb7zJxsXIn9da4rLCspGhVTbA~dgA9ZSvc_&Key-Pair-Id=APKAJJYQMLDSDUKIWWVQ

When I view the player after it loads up in the page, I see the following code from View Source:-

Hi Welcom To Our training videos members section

JW Player® appears here.

jwplayer(“jw-container”).setup({modes: /* JW Player®. */
[
/* First try real-time streaming with Flash® player. */
{type: “flash”, provider: “rtmp”, src: “http://www.pcasap.co.uk/jwplayer/player.swf”,
config: {streamer: “rtmp://s23wdw92u3jde6.cloudfront.net/cfx/st”, file: “video.mp4?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoidmlkZW8ubXA0IiwiQ29uZGl0aW9uIjp7IklwQWRkcmVzcyI6eyJBV1M6U291cmNlSXAiOiIyLjIyMy4xMTUuMTU5LzMyIn0sIkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxMzM1OTkzNjEyfX19XX0_&Signature=sZzXwqvzLmDNca8xdi~iajZHmfUY3bkYMUKtsFrWnyRjXiBwYc0gjpBDZkw0NbfPYF4H2-tLLc3CmGonECKMX4Vqr17L~MXOTcd92iiraadBMFFWNsRiYTcbwxbRJfx9PW4PMfzVAs-cdUuifgqavqrwXm9bndsB6j4ujpvC3M8_&Key-Pair-Id=APKAJJYQMLDSDUKIWWVQ”}},

/* Else, try an HTML5 video tag. */
{type: “html5”, provider: “video”,
config: {file: “http://d2ulyco12qlu15.cloudfront.net/video.mp4?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QydWx5Y28xMnFsdTE1LmNsb3VkZnJvbnQubmV0L3ZpZGVvLm1wNCIsIkNvbmRpdGlvbiI6eyJJcEFkZHJlc3MiOnsiQVdTOlNvdXJjZUlwIjoiMi4yMjMuMTE1LjE1OS8zMiJ9LCJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTMzNTk5MzYxMn19fV19&Signature=lrYh51IdEIHukom-RurypAoSDeVnASJZb0A9okbgNM2d7pxtqDPexYok-8R6Q1M5VRSIHTNUVxc9zUQXi4v~dh69DN~cq7R6f6flLI45QL0~gxCJu0VCRyURwMYfvzbWk55LZ1FWTrC~lniZhMyNVcKIL46RFB97f3S2YfPDgtQ_&Key-Pair-Id=APKAJJYQMLDSDUKIWWVQ”}},

/* Else, this is a safe fallback. */
{type: “download”, /* Download the file. */
config: {file: “http://d2ulyco12qlu15.cloudfront.net/video.mp4?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QydWx5Y28xMnFsdTE1LmNsb3VkZnJvbnQubmV0L3ZpZGVvLm1wNCIsIkNvbmRpdGlvbiI6eyJJcEFkZHJlc3MiOnsiQVdTOlNvdXJjZUlwIjoiMi4yMjMuMTE1LjE1OS8zMiJ9LCJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTMzNTk5MzYxMn19fV19&Signature=lrYh51IdEIHukom-RurypAoSDeVnASJZb0A9okbgNM2d7pxtqDPexYok-8R6Q1M5VRSIHTNUVxc9zUQXi4v~dh69DN~cq7R6f6flLI45QL0~gxCJu0VCRyURwMYfvzbWk55LZ1FWTrC~lniZhMyNVcKIL46RFB97f3S2YfPDgtQ_&Key-Pair-Id=APKAJJYQMLDSDUKIWWVQ”}}
],
/* Set video dimensions. */ width: 480, height: 270
});

hope this helps, all I see from the front is:
JW Player® appears here.

then nothing

cheers
David

Hi David,

Is the Flash player loading at all? Have you double-checked to make sure the following path to the JWPlayer file is correct?

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

If you could share a link to the page where you’re having trouble, that would be helpful in diagnosing the issue.

Hi Raam

No, the Flash player is not loading:-

If I check the location of the flash player, the below url opens the java page all filled with code.
http://www.pcasap.co.uk/jwplayer/jwplayer.js

And if I type in the below url, I get a black screen with a white play button in the middle which is what I would expect:-
http://www.pcasap.co.uk/jwplayer/player.swf

My theme is OptimizePress 1.45 by OptimizePress and I have installed the JWplayer as the JW Player® & RTMP Protocol Examples page explained,

Download the jvwplayer, upload it to root, then I copied and pasted the code below the
“JW Player® ( RTMP streaming MP4, via s2Member’s Amazon® S3/CloudFront integration )” text

I have not done anything else to the code.

I installed the Exec-PHP to let the php part of the code work.

I created a test account to let you view the page with the default test video.mp4 file

user: test
password: test
url: http://www.pcasap.co.uk/members

If there is anything else you would like to know, please let me know.

thanks
David

HI Ram

Don’t know if this is any help, but S2Member configured my CloudFront successfully, here is what Amazon S3 shows.

Download EW7CJ7KB9G9N0 d2hpz4j3ra95ct.cloudfront.net Created by s2Member, for S3 Bucket: s2-videos-pcasap.
s2-videos-pcasap.s3.amazonaws.com
– Deployed Enabled 2012-05-03 10:38 UTC+1

Streaming E3G2YFVTNYDFT4 s1c87fpav8uhwz.cloudfront.net Created by s2Member, for S3 Bucket: s2-videos-pcasap.
s2-videos-pcasap.s3.amazonaws.com
– Deployed Enabled

cheers
David

Hi David,

Could you try installing the Raw HTML plugin and then wrapping your JWPlayer code in [ raw ] [/ raw ] tags (without the spaces)? Then test the video page again and make sure your browser cache has been cleared (hold down Shift and press refresh or restart your browsers).

Hi Raam

I did not understand that [ raw ] [/ raw ] only went round the script tags and put them round everything.

I ended up deleting the whole site and installing wordpress again late last night to make sure everything was clean and fresh.

I now have the [ raw ] [/ raw ] in the correct place, but now Im getting the “Sorry, you do NOT have access to this file.”, I have made the files public and S2member has “automatically configure my Amazon® CloudFront Distributions & Amazon® S3 ACLs” for me.

When I get home tonight, I will run through the video again to make sure everythng is ok, should the flash player in the jwplayer folder have 777 access?

I will try tonight and give you an update.

thanks
David.

David, here’s an article we just published on this: Knowledge Base » JW Player sample code not working

I hope it helps. :)

Hi, Thanks Raam, Thanks Cristain.

But Im starting to feel very thick here, so I deleted everything, and went for a fresh install, then updated both the free version, then I was promted to update the pro version, so I did all that, then I tried the free code example that comes with the S2 member downloads examples, but I don’t see the flash player?

But is I view the source code, my page stops loading and the last thing I see in view source is:-

<div id="jw-container">JW Player® appears here.</div>

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

I tried it with out the raw but no diffrance?

If I type the url http://www.pcasap.co.uk/jwplayer/jwplayer.js
I see a page full of java code, if I type http://www.pcasap.co.uk/jwplayer/player.swf
I see the player, a black window whith a white play button.

My test page is http://www.pcasap.co.uk/test/

My Amazon couldfront says :-
Comments: Created by s2Member, for S3 Bucket: s2-videos-pcasap.

Both Streaming and Download are available and in green

In my S2 bucket, I have given the video.mp4 file “make video public” access but still nothing

I tried the 20 11 theme, still the same, I use the Optimise Press theme.

Any ideas would be great.

I can get the videos working if I install the “S3 Video Plugin” and my straming details, but I would prefer to get it working the recomended way.

Thanks guys, I know you are busy but Im greatfull for the help.

David, could you read this article? Knowledge Base » JW Player sample code not working

Please let me know if it helps.