如何在jsp數組中一個接一個地播放視頻

我想通過使用數組方法在文件夾名稱「video」中按順序播放視頻。不過，我只能播放第一個視頻。無論如何，我可以在完成第一個視頻後更改視頻src，以便我可以一個接一個播放。謝謝。如何在jsp數組中一個接一個地播放視頻

<%@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>

來源

2014-10-31 user3686208

您是否嘗試過在視頻中添加回調並加載新的視頻src？

的jsfiddle鏈接：http://jsfiddle.net/1v9oauru/

<!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>

對於視頻事件是指以下鏈接 http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#mediaevents

來源

2014-10-31 07:44:09 vjy

我依然要如何把我的陣列內的文件$（「＃爲myVideo源」）ATTR（「SRC」，「http://techslides.com/demos/sample-videos/small.mp4」）;.因爲我有不止2個視頻文件。感謝 – user3686208 2014-10-31 08:41:28

@ user3686208將您的視頻文件列表轉換爲'javascript'數組。使用'javascript'全局計數器，在綁定函數中使用計數器作爲索引從'javascript'數組中獲取URL。 – vjy 2014-10-31 09:21:47

如何在jsp數組中一個接一個地播放視頻

回答

相關問題