Birghtcove无铬视频播放器控制不在Safari中工作

时间:2016-01-16 00:27:48

标签: javascript html flash object brightcove

BrightCove的Chromeless播放器正在发生问题

控件(暂停,播放和移动到视频中的特定时间)会在悬停时显示,但点击后它们会消失(而不是暂停/播放或移动到指定时间)。

它们在Firefox和Chrome中出现并运行...... :(

这是我的配置:

<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>

1 个答案:

答案 0 :(得分:0)

如果有其他人遇到此问题并发现此帖子,原因是我正在将CSS转换应用于Brightcove视频的容器元素。

不知道为什么这会引起问题,发现一些SO问题以及关于CSS的帖子改变了旧版Firefox中的闪存播放器,但没有打破当前的Safari。

奇怪的是我认为这个错误可能只发生在转换应用于父级时(我认为玩家本身的转换是可以的)。

幸运的是,在我的情况下,我们能够在没有变换的情况下实现相同的样式效果。