Bootstrap旋转木马

Question

我在我的应用程序中使用了自举幻灯片，并且我使用了一些图像和视频来进行滑动，但是当页面加载时，视频会自动立即播放。任何人都可以帮助我如何解决这个问题？

<div id="myCarousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
     <li data-target="#myCarousel" data-slide-to="3"></li> 
     <li data-target="#myCarousel" data-slide-to="4"></li> 
     <li data-target="#myCarousel" data-slide-to="5"></li> 
     <li data-target="#myCarousel" data-slide-to="6"></li> 
    </ol> 
    <!-- Carousel items --> 
    <div class="carousel-inner"> 
     <div class="active item"> 
      <img src="/Content/Images/image-01" alt=""> 
     </div> 
     <div class="item"> 
      <img src="/Content/Images/image-02" alt=""> 
     </div> 
     <div class="item"> 
      <img src="/Content/Images/image-03" alt=""> 
     </div> 
     <div class="item"> 
      <img src="/Content/Images/image-04.png" alt=""> 
     </div> 
     <div class="item"> 
      <img src="/Content/Images/image-05.png" alt=""> 
     </div> 
     <div class="item"> 
      <img src="/Content/Images/image-06.png" alt=""> 
     </div> 
     <div class="item"> 
      <div class="embed-responsive embed-responsive-4by3"> 
       <iframe src="/Content/Images/test-vedio.mp4" width="960" height="400" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 

      </div> 
     </div> 
    </div> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div> 

Answer 1

把你的视频的视频元素的内部，你可以操纵它的属性：

http://www.w3schools.com/tags/tag_video.asp