一按海报即可播放iframe视频

Question

我使用播放器Video Js并导入iframe。当用户粘贴iframe的代码时，我必须显示上传的海报（来自用户），并且当有人单击此海报时，此后必须开始视频播放，但只能单击一下。 我这样做，但更多的是单击，2次或最差的3次点击。 iframe可以来自youtube，facebook或其他网站。

我这样做：

if($model->iframe!=''){
    echo "<div class='iframe-content' id='iframe-topsection'>";
    echo "<img id='mainPosterIframe' src='".$model->getCategoryPoster($model['id'])."'></span>";
    echo "<span class='play-btn-view'></span>";
    echo '</div>';  

脚本来吸引海报点击

$(function() { 
    var videos  = $("#iframe-topsection");                                           
    videos.on("click", function(){                               
            jQuery('#mainPosterIframe').hide();
            jQuery('#iframe-topsection').html('<?=$model->iframe?>');       
    });

}）;

和海报的CSS：

#iframe-topsection img{
position: relative; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; 

}