Javascript 在点击其他视频后，我试图专注于我的主iframe视频，但它不起作用

我的页面上有多个视频，我想设置focus

$（“#focus_video”）。focus（）在我的主
iframe
标签上单击其他视频，但它不工作。单击视频后，视频正在更改，但未聚焦到主视频
div

我的代码：

<div class="col-sm-7 bannervideo">
    <div class="embed-responsive embed-responsive-16by9"> 
      <iframe oncontextmenu="return false"class="video_container embed-responsive-item" id="focus_video" src="<?php echo $videoDetail[0]['video_links'];?>?rel=0&modestbranding=1&autohide=1&showinfo=0&controls=1" frameborder="0" allow="autoplay" allowfullscreen></iframe> 
    </div>
    <div class="row">
      <h1  id="v_title"  style="font-family:'Roboto';color:black;"><?php echo $videoDetail[0]['course_title']?>
      </h1>
    </div>
     <div class="row" id="v_dsc">
       <pre class="secondline desc"><?php echo $videoDetail[0]['video_description'];?></pre>
     </div>
  </div>

<div class="col-sm-4 col-xs-4 col-md-4 col-xl-4 col-lg-2 bannervideo">
         <b>Up next</b>
          <?php
           foreach ($videoDetail as $vDetail) :
              ?>
           <div class="row smallscreen" onclick='video_link("<?php echo $vDetail['video_links']?>?rel=0&modestbranding=1&autohide=1&showinfo=0&controls=1",
               "<?php echo $vDetail['video_title']?>",
               "<?php echo $vDetail['id'];?>"
               )'>

            <div class="col-sm-4 col-xs-2 col-md-1 col-xl-2 col-lg-4 pointer relvideo">
               <img src="<?php echo 'http://img.youtube.com/vi/hqdefault.jpg' ?>" alt=""/>
            </div>
            <div class="col-sm-8 col-xs-9 col-md-9 col-xl-10 col-lg-8">
                <h4 class="v_title n_title"><?php echo $vDetail['video_title']?></h4>
            </div>
         <?php endforeach; ?>
  </div>


下一个
我不确定焦点是你想要的，也许是scrollTo？我不确定焦点是你想要的，也许是scrollTo？
<script>
 function video_link(url,title,id){
    console.log("inside video link");
  $("#focus_video").focus();
  $('#v_title').text(title);
  $('.video_container').attr({
       src: url 
     });
  }
</script>