功能描述：

用户在首页http://localhost:8080/SSM_HTTPS/，输入视频名，点击“走你”按钮，跳转到视频页面，搜索符合你视频名的视频（本项目中只有两个视频，test和test2，没有加任何控制逻辑，后期若想增加操作课自行添加）

_____________________________________________________________________________________________________

需要的资源：

SSM框架需要的jar包；(不提供)

需要的js，css文件：

flowplayer-3.2.12.min.js ，favicon.ico ，jquery-1.8.3.js

项目环境：

JDK: 1.6

TOMCAT: 7.0

步骤：

1:搭建ssm框架：（自己随便百度，本项目简单，不适用数据库，只用到了控制器，业务逻辑注入部分已经注释，所以可以在任何电脑运行，不用修改，不会连接数据库，后面需要添加数据库时自己添加控制器的注入，XML配置已经配好了的，数据库连接自己在config里的db.properties修改Mysql连接）

src：

项目的java文件（本项目只用到了控制器）

config：

项目的配置文件，不用修改。

css：

项目需要的css文件。

js：

项目需要的Js文件。

mp4：

项目的MP4资源文件。

_____________________________________________________________________________________________________

2:编写欢迎页面index.jsp，在web.xml添加为欢迎界面：

_____________________________________________________________________________________________________

Index.jsp：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>视频搜索</title></head><body><!-- main begin--><div> <p><img src="${pageContext.request.contextPath}/images/img1.jpg" width="443" height="314" alt="" /></p></div><form action="login.action" method="post"><div class="login"><dl><dt class="blues">视频搜索</dt><dd><label for="name">视频名：</label><input type="text" name="videoname" class="inputh" value="${videoname}" id="name"/></dd><dd class="buttom"><input name="" type="submit" value="走 你" class="spbg buttombg f14 lf" /><div class="cl"></div></dd></dl></div></form></body></html>

3:编写控制器UserController.java

package com.qut.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;import com.qut.pojo.VedioMsg;@Controllerpublic class UserController {//我就不注入了，没用到数据库//@Autowired// private UserService userService;@RequestMapping("/login")public String login(VedioMsg video , Model model){System.out.println("进入login："+model);model.addAttribute("videoname",video.getVideoname());System.out.println("videoname:"+video.getVideoname());return "Flowplayer";}}

3:编写视频页面Flowplayer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
<%-- <script src="${pageContext.request.contextPath}/js/flowplayer.min.js"></script> --%>
<link rel="shortcut icon" href="http://flash.flowplayer.org/favicon.ico">  <script src="http://releases.flowplayer.org/js/flowplayer-3.2.12.min.js"></script>
<title>Flowplayer</title><style>
body {background-color: white
}.m {width: 840px;height: 500px;margin-left: auto;margin-right: auto;margin-top: 100px;background-color: white
}
</style>
</head>
<body>Model:Flowplayer<br> videoname: ${videoname}<br><div class="m"><a href="${pageContext.request.contextPath}/mp4/${videoname}.mp4"    class="player"  style="display:block;width:625px;height:200px;"  id="player">  </a>  <script>flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf");</script></div></body>
</html>

——————————————————————————————————

4:运行项目：

SSM+Flowplayer实现web项目网页看视频相关推荐

SSM+ckplayer.js实现web项目网页看视频
功能描述: 用户在首页http://localhost:8080/SSM_HTTPS/,输入视频名,点击"走你"按钮,跳转到视频页面,搜索符合你视频名的视频(本项目中只有两个视频 ...
苹果手机打电话没有声音怎么回事_网页看视频没有声音怎么回事？
许多人看视频的时候都是在网页上直接观看,简单方便,只是有的用户遇到了网页看视频没有声音的情形,这是怎么回事?应该怎么解决呢? 先看看是不是关闭了网页的声音.像是360浏览器在右下角有个小喇叭,可以打开 ...
网页看视频没有声音怎么办
前言今天博主在网页上看一段视频,可是发现没有声音,里面的人光张嘴不出声,怎么解决呢? 第一种(根据每个人的浏览器不同步骤有些差别) 我们可以点击浏览器"工具"下拉列表,从中选择& ...
SSM框架的WEB项目
工作中我们或多或少都需要自己搭建一个框架,现在常见的Java开源框架组合方式主要为:SSH,spring+springMVC+JDBC,SSM. 其中SSM目前无论是培训机构培训亦或是招聘.都会将会使 ...
tomcat部署下的web项目网页更改不能自动刷新
tomcat项目中网页上做了改动,然而浏览器刷新并没有卵用,很是烦,在网上也查找了很多答案,说需要个更改在server.xml里面的context标签中有一个reloadable="true ...
SSM框架开发web项目系列（四） MyBatis之快速掌握动态SQL
前言通过前面的MyBatis部分学习,已经可以使用MyBatis独立构建一个数据库程序,基本的增删查改/关联查询等等都可以实现了.简单的单表操作和关联查询在实际开的业务流程中一定会有,但是可能只会占 ...
SSM框架搭建web项目
1.SSM框架简介 SSM框架指的是SpringMVC+Spring+MyBatis(连接mysql数据库) 2.配置文件 (1)applicationContext-mvc.xml <?xml ...
网页看视频计算机休眠,晚上挂着下电影怎么让电脑不休眠 Win7关闭休眠图文教程...
随着春节的临近,身边很多朋友包括小编都在为回家做准备,与小编一样,多数外地打工的朋友都来自农村或者偏远地区,在家里是无法联网上网的,因此小编发现身边不少朋友都在忙着每天下载电影到电脑里,以便回家在闲暇 ...
ssm框架下web项目,web.xml配置文件的作用(详解)
1. web.xml中配置了CharacterEncodingFilter,配置这个是拦截所有的资源并设置好编号格式. encoding设置成utf-8就相当于request.setCharacter ...
网页看视频,加速敢看的技巧
打开控制台, console标签下 $('#vplayer_html5_api')[0].playbackRate=你要的速度(默认为1,0.1~2之间) 方式二废话不多说, 以极客为例.就很简单两 ...

SSM+Flowplayer实现web项目网页看视频

功能描述：

需要的资源：

项目环境：

步骤：

SSM+Flowplayer实现web项目网页看视频相关推荐

最新文章

热门文章