web程序前台视频插件
2014-10-27 00:00
253 查看
摘要: 由于项目需要，找了一个JQuery的视频插件，无需配置，只需给定web程序下面一个相对路径就ok。一下是例子，
需要引入两个js文件
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="java.util.ArrayList"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!doctype html public "-/w3c/dtd html 4.01 transitional/en" "http://www.w3.org/tr/html4/loose.dtd">
<%
String video_url = (String)request.getSession().getAttribute("url");
String url = video_url.substring(46, video_url.length());
String videoName = video_url.substring(70, video_url.length());
System.out.println(url);
%>
<script type="text/javascript" src="${ctx}/resources/media/jquery.media.js"></script>
<script type="text/javascript" src="${ctx}/resources/media/jquery.metadata.js"></script>
<html>
<head>
<title>JQuery视频插件</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="MMPS">
</head>
<body>
<script type="text/javascript">
$('a.media').media();
</script>
<a class="media {width:480, height:425}" href="<%=url%>"><%=videoName %></a>
</body>
</html>
需要引入两个js文件
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="java.util.ArrayList"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!doctype html public "-/w3c/dtd html 4.01 transitional/en" "http://www.w3.org/tr/html4/loose.dtd">
<%
String video_url = (String)request.getSession().getAttribute("url");
String url = video_url.substring(46, video_url.length());
String videoName = video_url.substring(70, video_url.length());
System.out.println(url);
%>
<script type="text/javascript" src="${ctx}/resources/media/jquery.media.js"></script>
<script type="text/javascript" src="${ctx}/resources/media/jquery.metadata.js"></script>
<html>
<head>
<title>JQuery视频插件</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="MMPS">
</head>
<body>
<script type="text/javascript">
$('a.media').media();
</script>
<a class="media {width:480, height:425}" href="<%=url%>"><%=videoName %></a>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ASP.NET程序中动态修改web.config中的设置项目（前台页面代码）
- J2EE Web程序开发定向班V1.0 Java就业班V2.0 视频教程
- 前公司在制作播客系统(Web程序)中,用到从视频截图功能.
- 在小程序中使用腾讯视频插件播放教程视频
- 使用Ant打包Web前台程序
- 【web charting】21个Javascript图表插件程序
- IDEA 使用Tomcat插件进行调试web程序时，1099端口被占用问题
- 为Web程序员准备的10个最棒的jQuery视频插件
- 在小程序中使用腾讯视频插件播放教程视频的方法
- 针对手机拍出的视频不能在web网页播放器插件播放问题-->java对手机视频的处理
- 功能测试自动化视频---数据插件管理器插件（3atesting自主研发的程序）
- web视频播放插件:Video For Everybody
- 海康web视频插件错误：TypeError: c.HWP_GetLocalConfig is not a function
- 进击的移动端：40G微信小程序开发教程（工具插件+视频教程）
- eclipse 开发web程序，启动tomcat插件服务器的时候。部署目录在那里？
- web浏览器无插件播放实时音视频技术---方案选择（一）
- 前公司在制作播客系统(Web程序)中,用到从视频截图功能.
- Web的初始篇：前台（HTML）和后台（一般处理程序）
- web 视频播放插件兼容ie
- web网页中使用vlc插件播放相机rtsp流视频