Jquery 隐藏brightcove视频并启动一次点击<；a>；链接

我有一个brightcove视频集成在我的网站上，在手机上我想隐藏视频，然后当用户点击一个链接，它应该打开视频并开始播放

HTML

BCL.addPlayer（'video_player'，'2327273222001'）；

---

有没有一个简单的方法可以做到这一点

使用CSS隐藏视频播放器，然后当单击

测试

锚定时，显示视频播放器并初始化它（如果尚未显示）

假设

addPlayer

是同步的，您可以随后立即调用

play

方法。如果它不是同步的，那么您需要向addPlayer传递一个回调函数，该函数调用play方法

CSS

#video_player {
    display: none;
}

jQuery

$('a.test').on('click', function(e) {
    var vidPlayer = $('#video_player');

    if(!vidPlayer.is(':visible')) {
        vidPlayer.show();
        BCL.addPlayer('video_player', '2327273222001');<!-- 'id' of target div, Brightcove Asset ID -->   
        brightcove.play(); //assumes your Brightcove variable is named brightcove
    }
    e.preventDefault();
});

$（'a.test'）。在（'click'，函数（e）上{
var vidPlayer=$（“#视频播放器”）；
如果（！vidPlayer.is（'：visible'））{
vidPlayer.show（）；
BCL.addPlayer（'video_player'，'2327273222001'）；
brightcove.play（）；//假设您的brightcove变量名为brightcove
}
e、 预防默认值（）；
});

您不应该使用

显示：无

要隐藏视频，根据Brightcove文档，您应该使用

左：-9999px或除隐藏以外的任何其他方法

此外，除非用户先单击播放按钮，否则无法使用JS播放视频。然后您可以实际播放、暂停和更改视频。
谢谢，这样会加载视频，但不会启动视频。如何使视频在单击时也开始播放。谢谢
$('a.test').on('click', function(e) {
    var vidPlayer = $('#video_player');

    if(!vidPlayer.is(':visible')) {
        vidPlayer.show();
        BCL.addPlayer('video_player', '2327273222001');<!-- 'id' of target div, Brightcove Asset ID -->   
        brightcove.play(); //assumes your Brightcove variable is named brightcove
    }
    e.preventDefault();
});