2014-10-01 43 views
1

我已經構建了一個引導視頻輪播。它工作得很好,但我唯一的問題是旋轉木馬在5秒後繼續滑動到下一張幻燈片。如何讓它停止自動滑動,並且只在用戶點擊左側或右側箭頭時滑動?我粘貼了下面的代碼。如何阻止Bootstrap旋轉木馬從自動翻轉?

<div class="container"> 
     <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-pause=hover> 
      <!-- Indicators --> 
      <ol class="carousel-indicators"> 
       <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
       <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
       <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
      </ol> 

      <!-- Wrapper for slides --> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <div class="embed-responsive embed-responsive-16by9"> 
         <video class="embed-responsive-item" autoplay muted id="homevid"> 
          <source src="C:\Development Software\Sample Website\videos\Michael Vick 88 yard touchdown pass to DeSean Jackson.mp4" /> 
         </video> 
        </div> 
       <div class="carousel-caption"> 

      </div> 
     </div> 
      <div class="item"> 
       <div class="embed-responsive embed-responsive-16by9"> 
        <video class="embed-responsive-item" autoplay muted id="homevid"> 
         <source src="C:\Development Software\Sample Website\videos\Vick to Jeremy Maclin for 50 Yard TD.mp4" /> 
        </video> 
       </div> 

      </div> 
      <div class="item"> 
       <div class="embed-responsive embed-responsive-16by9"> 
        <video class="embed-responsive-item" autoplay muted id="homevid"> 
         <source src="C:\Development Software\Sample Website\videos\Michael Vick Scramble Plays vs Rams 2011.mp4" /> 
        </video> 
       </div> 
      </div> 
    </div> 

回答

6

通過添加data-interval="false"

<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-ride="carousel" data-pause="hover" > 

documentation

選項 - 間隔 - ..如果假,旋轉木馬不會自動循環。