FlowPlayer перекрывается с проигрывателем HTML5 по умолчанию в Firefox

Question

Я использую бесплатную версию FlowPlayer со следующим HTML:

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

Что можно сделать в этой ситуации?

Answer 1

Я удалил атрибут controls из <video>, и теперь он работает как положено.