javascript - 如何在窗口加载时停止 Twitter Bootstrap 视频？

Question

我正在使用 Twitter Bootstrap 视频

 <section class="col-md-6 video-left">
                    <div class="flex-video widescreen" style="margin: 0 auto;">
                    <iframe id="video-home" name="video-home" allowfullscreen="" src="viedos/<?php  echo  $homecontents['Homecontent']['video']?>" frameborder="0"></iframe>
                    </div> 
                </section>

问题:当我加载我的页面时，视频自动播放。我想阻止它。 我不应该在 you-tube 上传视频。 下面是带有 youtube url 的解决方案。

src="//www.youtube.com/embed/AfjuNRjzZnE?rel=0&autoplay=0&wmode=opaque"

在我的例子中，视频来自本地路径(来自数据库的技术，即“short-sample-video.mp4”)。 提前感谢您的帮助。

Answer 1

为什么不在加载 dom 后尝试注入(inject)视频。

<script>
    $(document).ready(function() {
       $(".widescreen").html( // Video here );
    });
</script>

或者，给我们视频 URL，我可以创建一个 fiddle 。