koobas.hobune.stream
How to remove a dotted line around the WebPlayer
I get a dotted border around the WebPlayer when embedding with fixed size. It displays both on loading as well on application screen on Firefox but not in the IE. How to get rid of that? I have tried to set the params variable "bordercolor", but this is not the matter with that.
It just depends on how you embed your webplayer. The html file that is created by Unity does the embedding via javascript. This seems to cause FF to highlight the new added element. As soon as you click anywhere it disappears.
An example of my old sample project:
It's probably the way Unity embeds the webplayer afterwards. You might try some different ways (innerHTML, AddNode, ...)
Thanks. The second example doesn't generate the dotted line on FF. Will try to embedd that way.
But the second example doesn't display in I$$anonymous$$
I found a solution, in your CSS, add this:
#unityPlayer>* {
outline: 0;
}
And the dotted outline will be gone!
This is a good solution that provides immediate results. I feel like it should be marked as the correct answer.
I have found that targeting the object seems to work best. This is how you solve the issue for Flash object embedding as well:
object, embed {
outline: 0;
}
Some of the other answers here didn't work for me, hopefully the above helps. K.
The dotted border also does not appear in safari.. I couldn't find anything in the html that draws the border around the webplayer, so I believe it is the firefox browser that causes the border to appear. This seems to be unique to firefox and I don't think there's a way to get around it, in my case it doesn't really bother me, but tell me if you do find a solution ;)
Probably there is some way. Open with Firefox this link. No border there. http://www.structur3d.com/en/models/net-097.html#s3d_player_bloc
I mean there is a deliberate gray border, but no dotted border.
