我正在试图找出如何将我的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">×</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>