傳送帶自動播放視頻

Question

我有一個帶圖像和視頻的傳送帶，我決定自動播放視頻。問題是，當我加載包含旋轉木馬的頁面時，它會自動再現視頻。當我放置在相應的幻燈片上時，我需要自動播放視頻。問題是我不知道該怎麼做。

<div id="carousel" class="carousel slide" data-ride="carousel"> 

      <div class="carousel-inner" role="listbox"> 
       @{bool Active = true;} 
       @foreach (var item in Model.ListImage) 
       { 
        <div class="item @(Activo ? "active" : "")"> 
         <img class="img-responsive center-block" src="/content/images/@(item.File)" alt=""> 
        </div> 

        Active = false; 

       } 
       @foreach (var item in Model.ListVideo) 
       { 
        <div class="item" style="text-align: center;"> 
         <video style="margin-bottom: 100px;" width="auto" height="500px" controls autoplay> 
          <source src="/content/images/@(item.File)" type="video/mp4"> 
         </video> 
        </div> 

       } 

      </div> 


       <!-- Controls --> 
       <a class="left carousel-control" href="#carousel" role="button" data-slide="prev" "> 
        <span class="sr-only">Previous</span> 
       </a> 
       <a class="right carousel-control" href="#carousel" role="button" data-slide="next" "> 
        <span class="sr-only">Next</span> 
       </a> 

     </div 

Answer 1

我不知道你使用的旋轉木馬的lib，但你必須刪除所有視頻的自動播放屬性，並將其添加在當前幻燈片僅表現。

也許你在你的傳送帶上有一個回調來改變它顯示後的當前幻燈片。

編輯：

我期待關於引導和旋轉木馬，你可以使用這個事件：

$('#myCarousel').on('slid.bs.carousel', function() { // function called when the slide is showed 
    $('.item video').removeAttr('autoplay'); // To stop all videos 
    $('.item.active video').attr('autoplay', 'autoplay'); // To play the current video 
});