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