停止關閉模式的視頻html5實現，使用jquery

Question

我在軌道上使用應用程序ruby中的Materialise，並希望視頻停止關閉模式實現。 請幫助我。

<% @chapter.episode.each do |episode| %> 
    <a class="btn modal-trigger" href="#<%= episode.name %>"><%= episode.name %></a> 
    <div id="<%= episode.name %>" class="modal"> 
    <i id="close" title="Cerrar" class=" modal-action modal-close waves-green right material-icons">close</i> 
    <div class="modal-content"> 
     <video id="<%= episode.name %>" width="320" height="240" controls> 
     <source id="<%= episode.name %>" src="<%= episode.url %>" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"> 
     Your browser does not support the video tag. 
     </video> 
    </div> 
    </div> 
<% end %> 

Answer 1

首先，要設置多個標籤（div，video，source）相同id。 ID在整個文檔中必須是唯一的。
考慮到要停止視頻時模式接近，你可以使用完整的事件回調（模態接近），在你的Javascript/jQuery代碼：

$(document).ready(function(){ 
    var videos = $("video"); 

    $('.modal-trigger').leanModal({ 
     complete: function() { 
      videos.each(function(){ 
       this.pause(); 
      }); 
     } 
    }); 
}); 

這將暫停所有的視頻模式時接近。