Page 1 of 1

JW Player and CloudFront

PostPosted: January 27th, 2012, 1:26 am
by ScorpioMoon
When I installed JW Player, it was automatically placed in the Uploads folder as well as the Plugins folder.

I have various graphics stored in the uploads folder, but my member-protected video files are stored in my Amazon S3 Bucket with CloudFront, which is integrated with S2Member.

In order to have JW Player recognize the video files, do I need to move the Uploads folder to my AmazonS3 Bucket?

If so, do I need to change the Uploading Files path in my WordPress Settings from "wp-content/uploads"?

Thanks.

Re: JW Player and CloudFront

PostPosted: January 28th, 2012, 2:48 am
by Cristián Lávaque
You may find these sections of the documentation helpful:

WP Admin -> s2Member -> Downloads Options -> Amazon S3
WP Admin -> s2Member -> Downloads Options -> Amazon CloudFront
WP Admin -> s2Member -> Downloads Options -> JW Player

Re: JW Player and CloudFront

PostPosted: January 28th, 2012, 5:09 pm
by ScorpioMoon
I've already read this documentation, and I still can't get it to work.
My Amazon CloudFront Distributions are correctly configured.
My test video file is named "video.mp4" and it's at the root level of my bucket, with no restrictions.
For my test page, I copied and pasted the code from Download Options -> JW Player -> RTMP streaming MP4, via s2Member's Amazon S3/CloudFront integration, with no changes in the code.
But all I get on the page is "JW Player appears here." That's why I thought JW Player wasn't recognizing the path to the bucket.
Here's a link to the page:
http://rockitscience.com/wordpress/test-12/

Thanks.

Re: JW Player and CloudFront

PostPosted: February 3rd, 2012, 12:14 am
by Cristián Lávaque
If you look in the JW Player panel of the s2Member settings, there's a line that says "Download JW Player® here, and upload /jwplayer/ to your website's root directory." Is that where you have the jwplayer folder? You mentioned earlier the uplaods and plugins directories.

Now, if the Amazon S3 bucket is not protected, how are you linking to the file? Straight to the Amazon S3 URL or via the s2Member protection?

Re: JW Player and CloudFront

PostPosted: February 3rd, 2012, 1:45 am
by ScorpioMoon
Thanks for your continued assistance.
I had originally installed JW Player using the "Add New" button on the Plugins page. The automatic installation placed the components in the uploads and plugins directories.
Now I've downloaded the player using the link you mentioned. It which comes in a folder called "mediaplayer-5.9-viral", and I placed the entire folder inside my htdocs folder. But when I opened my test page (http://rockitscience.com/wordpress/test-12/), all I got was "JW Player appears here."
So I tried copying the jwplayer.js and player.swf files and pasting them directly into the htdocs folder. Still no luck.
My Amazon S3 bucket should be protected, because the CloudFront panel in S2 Member settings says, "Your Amazon CloudFront Distributions are: (ALREADY configured!)"
In that same CloudFront panel, in the paragraph that begins "Linking to Protected Files," it says "For example, you might use: http://rockitscience.com/wordpress/?s2m ... e-file.zip, where s2member_file_download = the file, relative to the root of your Amazon® S3 Bucket. In other words, just the file name in most cases."
So if my file is called "video.mp4" and it's on the root level of the bucket, then the path should be: http://rockitscience.com/wordpress/?s2m ... =video.mp4.
This path works fine if I just put it in a link like this: <a href="http://rockitscience.com/wordpress/?s2member_file_download=video.mp4">Test Video</a>
Clicking on this link will download the file. But I can't embed the video with JW Player.

As an alternative test, I've clicked on the "Upload/Insert" command on the Edit page to open the "Add Media" window. Then I click on the "External Media" tab and enter: http://rockitscience.com/wordpress/?s2m ... =video.mp4
Then I click on "Insert JW Player". This produces a black box with the message: "Task Queue failed at step 5: Playlist could not be loaded due to crossdomain policy restrictions."

Re: JW Player and CloudFront

PostPosted: February 3rd, 2012, 2:17 am
by ScorpioMoon
Incidentally, I just tried the JW Player Setup Wizard for flv files, using "http://rockitscience.com/wordpress/?s2member_file_download=video.flv" and got the same error message about crossdomain policy restrictions.

Re: JW Player and CloudFront

PostPosted: February 3rd, 2012, 4:37 am
by Cristián Lávaque
Right, that's how you'd link to the protected files in your bucket. Now, some players have trouble with URLs with a querystring (what comes after the question mark), so s2Member makes it possible to link to the files without that. WP Admin -> s2Member -> Downloads Options -> Advanced Mod-Rewrite Linkage

About the JW Player directory, it should be http://rockitscience.com/jwplayer/. So, for example, the jwplayer.js file would be located here http://rockitscience.com/jwplayer/jwplayer.js

I hope that helps. :)

Re: JW Player and CloudFront

PostPosted: February 3rd, 2012, 7:02 pm
by ScorpioMoon
Okay, I put the JW Player in the directory you described, and I removed it from the Uploads and Plugins directories where the auto-install had placed it. But now when I click on the Upload/Insert command on the Edit Page, it no longer shows the "External" tab. It only shows "From Computer," "From URL," and "Media Library." If I use "From URL," it just inserts a link, and it doesn't give the option of inserting the JW Player. Where do I enter the filepath?
Does JW Player need to be kept in Uploads and Plugins as well as at the root level?