
Facebook styling
We're using a custom skin in our website, with an XML file, which has the following elements for the controlbar:
<component name="controlbar">
<settings>
<setting name="margin" value="0" />
<setting name="fontcolor" value="e9e9e9" />
<setting name="fontsize" value="14" />
<setting name="fontweight" value="normal" />
<setting name='maxwidth' value='3000' />
</settings>
<elements>
<element name="playButton" src="playButton.png" />
<element name="pauseButton" src="pauseButton.png" />
<element name="fullscreenButton" src="fullscreenButton.png" />
<element name="normalscreenButton" src="normalscreenButton.png" />
<element name="background" src="background.png" />
<element name="capLeft" src="left.png" />
<element name="capRight" src="right.png" />
</elements>
</component>
The skin looks great on our website, but using the same skin on Facebook has several issues - the 00:00 times and margins as seen in the picture:
http://s23.postimg.org/65j26dauj/Screen_Shot_2016_03_31_at_13_29_24.png
Why does the styling differ on FB compared to our website? Is there a way we could style this to remove the 00:00 marks and margin?