Using JPlayer in mojoPortal

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
12/12/2011 1:22:54 PM
Gravatar
Total Posts 81
Website Hobbyist and Software Engineer
Proud member of the mojoPortal team
www.doan.me

Re: Using JPlayer in mojoPortal

Hi,

Yes, Joe and I had a separate offline discussion about this same thing. In my initial version I had hid the full screen button as during my testing I experienced similar issues with some browsers. Joe pointed out that on the jPlayer website there is a configuration file to hide the button from the browsers with known issues. They kind of advertise that their default settings cover all of the browsers that they know about. So with that knowledge he added it back in.

Are you saying that the full screen works for you when view the Video player on the demo site, but not on your local instance? What browser and version are you viewing the Video player with? Any extra info you can help provide would be appreciated so that we can hopefully find out more info about how to best account for full screen. Thanks!

Kerry

12/12/2011 1:35:06 PM
Gravatar
Total Posts 355

Re: Using JPlayer in mojoPortal

Yes; when I access the media player demo on demo.mojoportal.com, I can click the "full screen" icon, and the "jp-gui" controls section will behave as expected - appearing on mouseover, and then fading out after a designated time period. It continues to behave as expected once the video begins to play.

On my local installation, it behaves until the video starts - then the controls don't come back.

I've tested this on Firefox (7, I believe), and Chrome 13.0.782.218 - the behavior is consistent on both browsers between the environments. No error messages in Firebug - it just seems that the mousemove event isn't fired on the local version. 

I'll try pulling down the exact same video, to see if it's a format issue, but it doesn't seem that likely, as when I manually set the display to "block" via firebug, it appears appropriately. I've also tried various skins, including the new 3.1 skins - no joy.

12/12/2011 2:01:55 PM
Gravatar
Total Posts 18439

Re: Using JPlayer in mojoPortal

I suspect it might be a skin specific/CSS issue since it works for you on the demo site. I would try using different skins on your local machine and see if they all produce the same result. If it turns out ot be skin specific then I would try to isolate the problem in CSS by chopping things out till I found it. I'd start chopping out files from style.config to find which file, then start commenting things out in the CSS to isolate the specific CSS that is causing the problem.

Hope that helps,

Joe

12/12/2011 2:50:33 PM
Gravatar
Total Posts 355

Re: Using JPlayer in mojoPortal

It's not skin-specific; I'm using the styleshout on local that's currently in use on demo.mojoportal.com - I've also checked other skins on demo.mojoportal.com, as well as locally, with the exact same results. I've tried this with an upgraded project, as well as with a fresh install - same thing occurs. 

Another small bit of weirdness; when you upload a new video, you have to exit the upload screen and come back to add it to the video player. If you try to select it after the upload, all it does is reload the file upload screen. It only happens when uploading a .flv file, BTW - the Buck Bunny .webm file uploads and allows selection as expected. However, it won't play in the player.

Bear in mind that this testing is on localhost, inside a VS2010 project. Is there anything that might be affected by that?

12/12/2011 3:10:57 PM
Gravatar
Total Posts 81
Website Hobbyist and Software Engineer
Proud member of the mojoPortal team
www.doan.me

Re: Using JPlayer in mojoPortal

As for your last question about the webm format... taking a guess from stuff I I have read on jPlayer. Either the browser you are using does not support playing it and/or the localhost server does not specify the MIME type for that extension. Thinking about that, I am going to add a couple of "trouble shooting" tips as these are potential issues that go beyond mojoPortal.

I have been able to get the full screen controls to work via localhost (VWD 2010) on Chrome and Firefox. But I get issues with it not working on IE (for localhost as well as via the mojoPortal demo site). So, in short I am not having the differences between the two locations like you are having.

I also know that Joe has also identified the issue with the selecting of the file after upload. I am sure he has or will be working on it for next release.

I will keep playing and experimenting too, but if you find anything else out that would be greatly appreciated.

Thanks!

Kerry

12/12/2011 3:19:11 PM
Gravatar
Total Posts 355

Re: Using JPlayer in mojoPortal

I realized that I haven't upgraded to VS2010Sp1, so I'm doing that for now, to see if that'll remedy the mime type issue, as the browser will play the video quite happily if it's just dropped into the browser window.

Once I've finished the updates, I'll start testing with different file formats, to see if there are differences in behavior based on file type. Troubleshooting, FTW!

12/12/2011 3:32:34 PM
Gravatar
Total Posts 18439

Re: Using JPlayer in mojoPortal

For the file selection issue, I actually already fixed that, it wasn't working for any file types before after uploading, I'm not sure why it would be any different for .flv but I'll look into it.

As far as the mime types for files like webm I added stuff to Web.config in the system.webServer section for that but it may only apply when using IIS rather than the VS web server. Are you using the latest web.config from the repository?

Another possible factor about the full screen could be if you are not using the same Web.config as me (ie the latest copy from the repository) then you may be using a different version of jQuery. Worth a try eliminating that as a possibility, I'm using the very latest version. The version is configured in Web.config.

Hope that helps,

Joe

12/12/2011 3:43:50 PM
Gravatar
Total Posts 355

Re: Using JPlayer in mojoPortal

I downloaded the latest from the repository as of about midnight last night, so barring any changes in the past 12 hours, I've got the latest. Checking JQuery version was one of the first things I did, as I ran into that with an upgrade last week for an older client site.

I'll keep testing, to see if I can identify a pattern. I really appreciate the work that's been put into this; I'm still going to have to implement something different for my client's needs, but this shows me a lot already in action. Thanks!

12/12/2011 8:43:58 PM
Gravatar
Total Posts 355

Re: Using JPlayer in mojoPortal

Allrighty then: upgraded VS2010 to Sp1, enabled IIS Express 7.5, and ran local; was then able to run the .webm extension files without any issues in full-screen, behavior as expected. Tried with .flv file, and the full-screen borked again. File upload/select now seems to be working without the 2-step procedure.

12/13/2011 10:13:44 AM
Gravatar
Total Posts 81
Website Hobbyist and Software Engineer
Proud member of the mojoPortal team
www.doan.me

Re: Using JPlayer in mojoPortal

Doing some research on full screen on the jPlayer Google Groups page. Here are some links to things that may be affecting how the full screen works as well:

https://groups.google.com/forum/#!searchin/jplayer/full$20screen/jplayer/eYsY8Gz0rvw/EGNfIqWx5qAJ

https://groups.google.com/d/msg/jplayer/rdWPvU4GpB8/4Ln3wCPYPUYJ - Read the few posts just below this one too.

In these posts they start talking about flash stuff that starts going above my head. I know we are always learning, so I am sure I will continue to learn more about this stuff, but if any of this makes more sense to you, please let me know, especially if they are notes that skin developers may need to know, or if we need to change the Audio/Video Players to better account for certain scenarios. Also, if any of the changes you need to make for your client would make sense for the Core Feature, that would be great as well.

Thanks again!

Kerry

12/13/2011 5:21:49 PM
Gravatar
Total Posts 355

Re: Using JPlayer in mojoPortal

Glad to know it's not just the mojo implementation. This client has some specific UI requirements that wouldn't make sense in a general plugin, but one thing I might suggest is this.

Currently, the video player plugin allows file upload to any folder, so even if the player instance is secured using mojoPortal security, the video file can be accessed directly, bypassing the security protocols. I'm looking at using an httpheader/httphandler approach to ensure that the only persons who can access the files are authorized by built-in rights and roles. Not sure if it's better to limit the file placement on the server, or just use the custom headers for video file types site-wide. Still thinking through my approach, deciding the best route to take.

You must sign in to post in the forums. This thread is closed to new posts.