javascript - Birghtcove chromeless video player controls not working in Safari -


issue happening brightcove's chromeless player

the controls (pause, play, , move specific time in video) appear on hover when clicked disappear (instead of pausing/playing or moving specified time).

they appear , work in firefox , chrome... :(

here configuration:

<object id={this.props.elemid} classname="brightcoveexperience">         <param name="allowfullscreen" value="false" />         <param name="bgcolor" value="#000000" />         <param name="width" value="960" />         <param name="playerid" value="**********" />         <param name="playerkey" value="**********" />         <param name="height" value="540" />         <param name="isui" value="true" />         <param name="isvid" value="true" />         <param name="dynamicstreaming" value="true" />         <param name="includeapi" value="true" />         <param name="shownocontentmessage" value="true" />         <param name="htmlfallback" value="true" />         <param name="seamlesstabbing" value="false" />         <param name="allowscriptaccess" value="always" />         <param name="templateloadhandler" value={this.ontemplateloaded} />         <param name="autostart" value={this.props.autoplay} />         <param name="@videoplayer"  value={this.props.id} /> </object> 

in case else runs issue , finds post, cause was applying css transform container element brightcove video.

no idea why caused issues, found few questions , posts talking css transforms breaking flash players in old versions of firefox nothing breaking in current safari.

oddly think bug may occur when transform applied parent (transforms on player okay think).

fortunately in case able achieve same styling effect without transforms.


Comments

Popular posts from this blog

c - How to retrieve a variable from the Apache configuration inside the module? -

c# - Constructor arguments cannot be passed for interface mocks -

python - malformed header from script index.py Bad header -