FlowPlayer与Firefox上的默认HTML5播放器重叠

Question

我正在使用带有以下HTML的免费版本的FlowPlayer：

<div class="flowplayer">
    {% if videoPath %}
    <video width="695" height="391" controls>
        <source src="/uploads/{{ videoPath }}" type="video/mp4">
    </video>
    {% else %}
        <img src="{{ asset('img/sample/video-placeholder.png') }}" class="img-fluid"/>
    {% endif %}
</div>

和另一个文件中的一段JS代码：

flowplayer.conf = {
    share: false,
    clip: {
        provider: 'rtmp',
        autoPlay: false,
        urlResolvers: 'brselect',
        // preserve aspect ratios
        scaling: 'fit',
        bitrates: [

            // use the 800 kbps item by default, the SD item, marked with sd: true
            { url: "mp4:bbb-800", bitrate: 800, sd: true, isDefault: true },

            // this is the HD item, marked with hd: true
            { url: "mp4:bbb-1600", bitrate: 1600, hd: true }
        ]
    },
};

在Chrome上看起来不错，但在Firefox上，FlowPlayer图层与默认的HTML5播放器重叠，如下图所示。

Firefox：

Chrome：

在这种情况下可以做什么？