youtube 视频在按钮单击时自动播放

Posted 2023-02-25

【中文标题】youtube 视频在按钮单击时自动播放

【英文标题】：youtube video autoplay on button click

【发布时间】：2014-04-22 21:50:07

【问题描述】：

我正在想办法让我的 youtube 视频上传到

网站加载时不自动播放。

我希望在单击模态窗口时停止播放。

我的网站：www.pynepoyntdoc.com 非常感谢任何帮助！

下面是javascript代码：

enter code here<script>
$(document).ready(function() 
$('#play-video').on('click', function(ev) 

    $("#video")[0].src += "&autoplay=1";
    ev.preventDefault();

); );

以下是我的 youtube 视频模态弹出窗口的代码：

 <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="padding-top: 8%;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="wide-vid">

以下是“播放视频”按钮的代码：

    <div class="col-md-6">
<p class="slideshow-button">
        <a id="play-video" href="#" class="button-text button" data-toggle="modal" data-target="#myModal">WATCH VIDEO</a>
</p>

【参考方案1】：

您需要查看可用的 api here 和 here。有提到player.stopVideo();、player.platVideo();等。