单击按钮的youtube视频自动播放

时间:2014-04-22 21:50:07

标签: twitter-bootstrap api youtube

我正在试图找出如何将我的YouTube视频转换为

  1. 网站加载时不自动播放。

  2. 我希望在点击模态窗口时停止播放。

  3. 我的网站: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 个答案:

答案 0 :(得分:0)

您想要查看可用的api herehere。提及player.stopVideo();player.platVideo();等。