播放器
\flowplayer
1.下载Flowplayer播放器,
2.下载安装包解压后可以找到以下几个主要文件:
flowplayer-3.2.11.swf:用于播放器主体的flash文件
flowplayer.controls-3.2.11.swf:控制条文件,是个可选的插件
flowplayer-3.2.10.min.js:播放器的api文件,也用来装载整个播放器
3.在页面调用播放器前引入播放器的api脚本文件flowplayer-3.1.1.min.js,如下:
4.通过一个链接(标签)指向视频文件的链接,并设定视频文件长宽,同时应为它指定一个id。该链接的位置即是视频显示的位置。如下:
5.调用api为上一步设定的链接位置装载播放器,如下:
flowplayer("player","path/to/the/flowplayer-3.1.1.swf"); 播放器自身主体
上面代码中第一个参数是上一步中设定的链接id,第二个参数是播放器主体的flash文件路径。使用flowplayer()方法装载播放器时,可以指定非常多的参数来配置或个性化你的播放器。常用的例如:
clip:{
autoPlay:false,//是否自动播放,默认true
//autoBuffering:true//是否自动缓冲视频,默认true
}
});
项目代码:
Insert title hereclip:{
autoPlay:false,//是否自动播放,默认true
//autoBuffering:true//是否自动缓冲视频,默认true
}
});
========================================
视频 改进 1:
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
My JSP 'index.jsp' starting page-----------------------------------------------------
video1.jsp
user_update.jsp
-------------------------------------------------------
----------------------------------------------------------------
package com.guang.action;
import com.opensymphony.xwork2.ActionSupport;
public class UserAction extends ActionSupport {
private static final long serialVersionUID = 1L;
// 提示信息
private String info;
// 添加用户信息
public String add() throws Exception{
info = "movie/flowplayer.flv";
return "add";
}
// 更新用户信息
public String update() throws Exception{
info = "更新用户信息";
return "update";
}
public String getInfo() {
return info;
}
public void setInfo(String info) {
this.info = info;
}
}
-------------------------------------------------------------
pageEncoding="GB18030"%>
/p>
"http://www.w3.org/TR/html4/loose.dtd">
Insert title hereclip:{
autoPlay:true,//是否自动播放,默认true
//autoBuffering:true//是否自动缓冲视频,默认true
}
});
J:\erjie2\WebContent\movie\flowplayer.flv
=================================================================
---------------------------------------------------------
/admin/video2.jsp
/admin/video2.jsp
user_update.jsp
--------------------------------------------------------
---------------------------------------------------------------
package cn.itcast.shop.video.action;
import java.util.List;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.ServletActionContext;
import org.springframework.web.context.request.RequestAttributes;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;
import cn.itcast.shop.adminuser.service.AdminUserService;
import cn.itcast.shop.adminuser.vo.AdminUser;
import cn.itcast.shop.category.vo.Category;
import cn.itcast.shop.video.dao.VideoDao;
import cn.itcast.shop.video.service.VideoService;
import cn.itcast.shop.video.vo.Video;
public class VideoAction extends ActionSupport implements ModelDriven{
private static final long serialVersionUID = 1L;
private String info;
public String getInfo() {
return info;
}
public void setInfo(String info) {
this.info = info;
}
private Video video = new Video();
public Video getModel() {
return video;
}
private VideoService videoService;
public void setVideoService(VideoService videoService) {
this.videoService = videoService;
}
public String execute() throws Exception{
ActionContext context=ActionContext.getContext();
HttpServletRequest request=(HttpServletRequest)context.get(ServletActionContext.HTTP_REQUEST);
info =request.getParameter("info");
List listVideo = videoService.findAllVideoService();
ActionContext.getContext().getValueStack().set("listVideo", listVideo);
System.out.println("info: " + info);
return SUCCESS;
}
// 后台查询所有视频的执行的方法
public String findAll() {
return "findAll";
// ActionContext context =ActionContext.getContext();
// info = context.getName();
// if(info.equals(""))
// {
// List listVideo = videoService.findAllVideoService();
// ActionContext.getContext().getValueStack().set("listVideo", listVideo);
//
// return "findAll";
// }
// else {
// List listVideo = videoService.findAllVideoService();
// ActionContext.getContext().getValueStack().set("listVideo", listVideo);
// }
}
}
--------------------------------------------------------
pageEncoding="UTF-8"%>
Insert title hereclip:{
autoPlay:true,//是否自动播放,默认true
//autoBuffering:true//是否自动缓冲视频,默认true
}
});
-------------------------------------------------
create table video ( id int not null primary key auto_increment ,
name varchar(100) not null ,
introduce varchar(1000) not null ,
type int not null,
url varchar(1000) not null
);
insert into video values( 1 , '星月神话' , '古装爱情剧' , 1 , 'movie/1.flv' );
insert into video values( 2 , '第一次爱的人' , '歌曲散发爱情' , 1 , 'movie/2.mp4' );
=========================================================