Html 如何在jsp数组中逐个播放视频_Html_Arrays_Jsp_Video

Html 如何在jsp数组中逐个播放视频

html arrays jsp video

Html 如何在jsp数组中逐个播放视频,html,arrays,jsp,video,Html,Arrays,Jsp,Video,我想用数组方法在一个名为video的文件夹中按顺序播放视频。但是我只能播放第一个视频。不管怎样，我可以在完成第一个视频后更改视频src，这样我可以一个接一个地播放。谢谢 <%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@page import="java.io.*" %> <%@page import="java.util.*" %>

我想用数组方法在一个名为video的文件夹中按顺序播放视频。但是我只能播放第一个视频。不管怎样，我可以在完成第一个视频后更改视频src，这样我可以一个接一个地播放。谢谢

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="java.io.*" %> 
<%@page import="java.util.*" %> 

<html>
<body>
    <% 
    String DIRECTORY_VIDEO = "video";
    String FolderOriginal = getServletContext().getRealPath("") + File.separator + DIRECTORY_VIDEO;
    File dir = new File(FolderOriginal);
    String[] files = dir.list();    
    int videolength = files.length;
    String newdirectory = DIRECTORY_VIDEO+"/";
    %>
       <video id="myVideo" height="100%" width="100%" controls autoplay">   
         <source id="ss" src="<%=newdirectory+files[0]%>" type='video/mp4'>
       </video>
</body>
</html>

您是否尝试过向视频添加回调并加载新的视频src

JSIDLE链接：

有关视频事件，请参阅以下链接

我还想知道如何将阵列文件放入$myVideo source.attrsrc中，我有两个以上的视频文件。thanks@user3686208将视频文件列表转换为javascript数组。使用javascript全局计数器，在bind函数中，使用计数器作为索引从javascript数组获取url。

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
$( document ).ready(function() {
    $("#myVideo").bind("ended",function(){
    $("#myVideo source").attr("src","http://techslides.com/demos/sample-videos/small.mp4");
    $("#myVideo")[0].load();
    $("#myVideo")[0].play();
    });
});
</script>
</head>
<body>
<video id="myVideo" width="320" height="240" controls>
  <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

</body>
</html>