html5设置播放按钮,HTML5 Flowplayer的附加播放按钮

我正在使用HTML5 Flowplayer的最新版本(v5.4.1)，我正在尝试添加一个额外的“播放”按钮，以便视频将通过单击按钮以及单击视频容器开始。

因此我将视频嵌入到这样的叠加层中(工作正常)：

$('#overlay .flowplayer').bind('ready unload', function(e) {

$(this).parent().toggleClass('is-active', e.type == 'ready');

});

$('.flowplayer').flowplayer({

tooltip: false,

native_fullscreen: true

});

除了上面的代码之外，还应该有一个额外的按钮，它也应该打开#overlay并立即启动视频。

为了实现这个目的，我创建了一个简单的文本按钮来触发视频onclick：

Play

$('#additional-play').click(function () {

$('#overlay .flowplayer').bind('ready unload', function(e) {

$(this).parent().toggleClass('is-active', e.type == 'ready');

});

$('.flowplayer').flowplayer({

tooltip: false,

native_fullscreen: true

});

});

...但是#additional-play的点击还没有做任何事情。

我怎样才能解决这个问题？ 是否有更优雅的方式来实现额外的按钮？