Adding logo to player

Is there an easy way? I don't think there is.

The hard way- I noticed there is a frame.xml file that has the information stored about the player skin. I haven't had the chance to mess with it, but I think this is where you can make adjustments and make changes.

Hi Royston,

 There is no way of having it next to the navigation buttons.

 You can always ask for a feature request (link)

 If you really want to get your hands dirty, then checkout the Player.CSS file.

 Of course this is a NOT recommended practice to temper with the Player.css file

 Cheers

 Geert

Hi,

We were having the same trouble and found no other way than to hide previous/next buttons on the slide and instead make our own buttons (which look exactly the same, but tey are added to each slide). Then you have full control over the buttons and the logo placement. You can copy/paste to each slide so it is not that much work.

(The buttons are in Norwegian, but you see how we did it.)

Geert,

If you modify the player.css file, will that only affect the mobile version?

Hi Jerson,

that I don't know. Like I said its an unrecommrnded practice. When there's an update of SL player.css will be updated as well. I propse to do what Jannicke sats. And submit a feature request in the meantime. 

Geert

Challenge Accepted!

Challenge Completed!

So I went into the CSS file and fidled around a bit. Here is the final result.  The only think is that it can only be seen in html5 compatible browsers and this only works when viewing the html5 file. I'm still going to mess around with the other file this weekend.

REMEMBER you have to view this in html5 compatible browser like firefox. Here is the link. if you want to view it for yourself.  I was able to make the logo appear in front of the entire slide, I compacted the seek bar and navigation buttons  and even customized the menu and resources tab background.  REMEMBER you have to view

Hi Jerson,

Cool stuff !!!

Well done.

Just for Info, why don't you send a feature request to Articulate & explain what you did...

I think a lot of us users would me more than happy to have this 

Cheers

Geetry

So I think i figured out a workaround for the html version of the player. I went in the file and added a skin over the swf file. This was a little tricky because I had to change some of the JS code. I couldn't make any adjustments to the player itself so I cut out holes in the skin for the buttons. One problem though, you can't interact with any of the buttons or the player itself because the skin is covering those areas even if it is transparent. But this means you could easily add a logo to anywhere on the top portion of the player as long as it doesn't cover any buttons.

Here is a link  http://www.jersoncampos.com/MotorMadness-output/story.html

I sent in a feature request.

 For the storyline html file, I think the player is developed with the frame.swf file and imports the data in the xml file since it only contains settings and color schemes. If I knew how the swf file was importing that data or if I can get the source file for frame.swf than I could probably create new skins for storyline.

Hi everyone, thanks for all the great help. Im not brave enough to play around with the coding side of things but thats also because I dont have any experience in that avenue. Jannicke I went with your suggestion because by removing the players buttons and adding my own I was able to essentially add in the company logo in the exact position I wanted it just that it was now part of the actual design template.

Would be great to have this feature built in though so thanks for sending in the feature request Jerson. Great stuff with what you did as well, looks awesome.

Thanks again everyone,

Cheers

Royston

Please Help,

If anyone could send me sample code, for placing a logo above the Flash Player or HTML5 player too, in a similar position, then only adjusting h and w on my own, then I would pay if needed.  Or point me how to put a logo above a .swf tutorial.

Please Help!

Thanks,

Kyle G. Main

Are you asking how to place a logo above the player or on the top of the player. If you want it above, you can just use modify the html in the output file and place the code.  

Hello Jannicke. Your technique for making and placing custom buttons/logos is exactly what I need to do! Brilliant!!! I've been using Articulate Storyline 2 for about 4 days now - is there any way you could possibly post exactly HOW you accomplished this? Many thanks in advance!

Hi Johan,

This thread is a bit older, so I'm not certain that folks are still subscribed. You may want to try sending them a message using the "contact me" button on their profile.