停止关闭模式的视频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(); 
      }); 
     } 
    }); 
}); 

这将暂停所有的视频模式时接近。