HTML 5视频和音频无法在jsp页面中播放

时间:2016-06-03 15:17:28

标签: html5 jsp video jetty

我在eclipse中使用 jetty服务器,在我的jsp页面添加视频时返回'无法加载资源:服务器响应状态为404(未找到)&# 39; Chrome浏览器出错。我的 sample.jsp 就是这样......

<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    </head>
    <body>
    <div class="container">

    <video width="800" controls>
      <source rc="<c:url value="/static/videos/tom.mp4"/>" type="video/mp4"></source>
      Your browser does not support HTML5 video.
    </video>
    <img height="400" src="<c:url value="/static/videos/title.jpg"/>" alt="First Slide">
    </div>
    </body>
    </html>
此示例中的

.jsp tom.mp4和title.jpg 仅在同一文件夹中。运行这个jsp文件时,图像工作正常,但tom.mp4文件不起作用。 http://localhost:9192/pjt-web/static/videos/tom.mp4无法加载资源:服务器响应状态为404(未找到)错误。我怎么能在这个页面上播放这个视频?。

2 个答案:

答案 0 :(得分:0)

知道了!..只是在我的 web.xml 文件中添加了文件扩展名。

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.mp4</url-pattern>
</servlet-mapping>  

现在它工作正常。

答案 1 :(得分:0)

我认为IE还有另一种方式。

在Eclipse中创建jsp文件后,我将mp4文件放在WebContent文件夹中。我添加了一行代码来运行它。

    <embed src="./YourMovie.mp4" showcontrols="true" width="425" height="350"></embed>

enter image description here

它在Tomcat 8.0服务器上正常工作。 enter image description here

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>

    <!-- Movie -->
    <embed src="./mang.mp4" showcontrols="true" width="425" height="350"></embed>

</body>
</html>

原始来源:http://dimdim.tistory.com/entry/%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%8F%99%EC%98%81%EC%83%81-Player-%EC%82%BD%EC%9E%85-%EB%B0%A9%EB%B2%95