Javascript YouTube：点击按钮即可播放YouTube视频

我在Iframe中嵌入了一个包含YouTube的页面，我让它不可点击，我想在点击播放按钮时播放视频，我在这里和网络上搜索并测试了它们，但它们不起作用：

<div class="col-md-6">
        <div class='py-3' ><?php echo $course_name?></div>
        <div class="embed-responsive embed-responsive-16by9 px-6 py-6" style='pointer-events: none'>
            <iframe  id='video'
                src="<?php echo $course_video?>">  <!--the Youtube livk is come  from server as : https://www.youtube.com/embed/xxxxxxxxxxxx -->
            </iframe>
        </div>
        <div class='row w-100 justify-content-center mt-3'><button  class='btn bg-primary' id='play_video'><i class=" fa fa-play"></i></button></div>
</div>

---

我该怎么做？

您忘了在JavaScript中添加分号：

$(document).ready(function() {
  $('#play-video').on('click', function(ev) {
    $("#video")[0].src += "&autoplay=1";
    ev.preventDefault();
 
  });
});

此外，您忘了将链接添加到HTML文件中，单击（

）并从代码中删除

style='pointer-events:none'

：

<div class="col-md-6">
    <div class='py-3' ><?php echo $course_name?></div>
        <div class="embed-responsive embed-responsive-16by9 px-6 py-6">
            <a id="play-video" href="#">Play Video</a><br />
            <iframe  id='video' src="<?php echo $course_video?>">
            </iframe>
        </div>
</div>

谢谢，但我有要点击的按钮：是的，不仅仅是按钮。看看其余的。例如，您必须删除
style='pointer-events:none'
只需删除按钮标记并将单击功能设置为图标，即可解决此问题，并且仍然可以通过不删除指针事件来工作。。。谢谢
<div class="col-md-6">
    <div class='py-3' ><?php echo $course_name?></div>
        <div class="embed-responsive embed-responsive-16by9 px-6 py-6">
            <a id="play-video" href="#">Play Video</a><br />
            <iframe  id='video' src="<?php echo $course_video?>">
            </iframe>
        </div>
</div>