video player skinning

[dpetrone]

I have gone over the documentation and haven't found anything on a complete reskin of your player.  I am developing a video player for a facebook application and the comps that i've been given will require me to basically rebuild alot of the components that brightcove is requiring in your default player.  more specifically, i need to be able to change the graphic on the play/pause, scrubber, fullscreen, etc.  I also need to be able to remove other items completely.  

One other concern i have is removing the default view that comes up after a video is completed prompting the user to replay the video.  Is there a way to remove that completely?

Thanks so much. 

[dpetrone]

I should also mention, im a flash developer, so this will all be done in as3.

[BC-Todd]

We are working to enable easier reskinning of our out-of-the-box components in the future, but right now if you want a complete reskinning of the player it will require custom components. If you use the VideoDisplay component in your BEML, you will get just the video window and nothing else. You can then disable both the overlay menu (what comes up when you pause the video) as well as the more fully featured Brightcove menu (what is surfaced on completion). You can also disable built-in fullscreen capabilities so that you have complete control over that experience, resizing the video window how you need and displaying your own controls.

[dpetrone]

Would you be against pulling in a standard player and shutting off those items by looping through the display list?  Thats the solution i came up with without having to implement BEML.  It gives me some flexibility in that i can turn things on/ off as i please.  If you are against it, can you give me some sample code as to how to go about shutting off those items in BEML?  Thanks so much for your help.

Dino 

[BC-Todd · Accepted solution]

Yes, I would certainly recommend against manually modifying the display list in the player. There is a high chance that such an implementation would break in a future release. You should instead work with the supported player API.

If you want to keep the default skins of the video player and just control what is visible or not (I thought your concern here was more with reskinning), then you should use the VideoDisplay component with the MediaControls. Using these two components you can graphically replicate exactly what you get with the VideoPlayer component, but then have access to all the subcomponents (Buttons, Labels, Playhead). You can give each of those elements IDs and target them through the API, toggling their visibility and such, or just not including them in the BEML if you don't need certain buttons.