twitter-bootstrap - 点击按钮即可自动播放youtube视频

Question

我正在尝试弄清楚如何将我的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>

Answer 1

您将要看看可用的api here和here。提到了player.stopVideo();，player.platVideo();等。