Background on player or completely removing it
Mar 07, 2014
Dear Articulate Storyline forum-visitors,
Despite the fact that my video is entirely player-less, I still have a white border around it. This is a rather large nuisance because it doesn't go very well with the dark background of my website. I came up with a solution but didn't work. My solution was to use a dark player colour, but it still had a tiny white border and the edges of the player were rounded off. I had to come up with a new solution, and that is to have a background image as the player, but I have no idea how to do so. Could anyone help me with either getting the image as the player or just removing the border entirely?
Kind regards,
Hans Dulpers
PS. Enclosed within this postis a screenshot of what the nuisance exactly is.
16 Replies
Hi Hans,
What type of video is it? Would it be possible for you to share the Storyline file here with us, or even that one slide with a video?
Odd, if you video fills the canvas completely and you have set the player to full transparency this should not occur. I'd love to see your file!
This link links directly to the URL it is hosted on. The white border is hard to see here.
This link links to my portfolio where I have an iFrame linking to my video. The white border can be easily seen here.
I'll add a zip of my video output soon too.
There is a 10 pixel border that cannot be removed, you could set the player to the same colour as your website colour and set the page background to the same colour which will get rid of the rounded corners
Not even in the code? There has to be a piece of code somewhere where it shows the padding or border size...
There is no way to remove the 10 pixel border as far as I know, I am am unaware of anyone who has removed it.
I managed to "modify" this through firebug (look for div tag "divSwf") and adjust as per the screenshot, however I am not sure if this will break anything else. You may need to play with the width, height and margin values a bit though.
Hope this helps,
Alex
Hey there, Alex
It looks promising! Do you know which file the div tag is located in? I can't find it anywhere. Thanks!
EDIT: Whoops! Found it!
EDIT: Still can't find the line as it shows in your screenshot. When I hit CTRL+F and type "divSwf" it shows 7 results, but none of them start with <div id="divSwf"
Your lead seems promising, though!
Hi Hans,
I'm glad that Alex was able to assist you, and just a reminder that modifying the published output is not something supported by Articulate.
Oh, but it's not against their terms of code and stuff right? I don't want to do anything, well, "bad"
I just selected the flash container with firebug (you may have to right click on the container before you hover to the firebug console otherwise it will disappear) and the divtag is located a couple of elements above it.
You could also try searching for a more unique string (such as "clsid:d27cdb...." and so on) to locate the div.
Woah now, you meant to actually go into the code using Firebug? I thought to just dig into the files Do changes made in Firebug affect the .html and whatnot files?
They don't permanently change of course, otherwise we'd all be security engineers because of all the easy hacking. :P
I just noted a (hopefully decent) starting point so you can check if it was possible to alter the actual output files.
And since I only added a couple of css style elements to that div (firebug does not and cannot modify the actual swf) I believe it is possible to do what you want.
Hi Hans,
Just to answer you're earlier comment, you won't be "in trouble" with Articulate if you modified the published output, but if something doesn't work after - we won't necessarily be able to help fix it.
Alex, if I understand correctly, adding the CSS elements to a certain file in my output like you did in your Firebug thingy should remove the border?
Alright, how about the iFrame? This may not be the right place to ask it but since the video can be seen through the iFrame, wouldn't it be possible to edit the iFrame so it doesn't show the borders?
This discussion is closed. You can start a new discussion or contact Articulate Support.