Java web video 视频开发

最新推荐文章于 2026-06-15 19:54:55 发布

原创

最新推荐文章于 2026-06-15 19:54:55 发布 · 7.7k 阅读

·

1

·

本文详细介绍了如何使用Flowplayer在Java Web应用中实现视频播放。首先，下载并介绍了Flowplayer的主要文件，然后讲解了在HTML中引入播放器API、设置视频链接和播放器参数的方法。接着展示了在Struts2框架下，如何结合后台处理视频信息，并通过Action传递给前端展示。最后，给出了视频数据库表结构和示例数据。

播放器

\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，如下：

<script src="https://blog.csdn.net/path/to/the/flowplayer-3.1.1.min.js"></script>

4.通过一个链接(<a>标签)指向视频文件的链接，并设定视频文件长宽，同时应为它指定一个id。该链接的位置即是视频显示的位置。如下：

<a href="https://blog.csdn.net/%E8%A6%81%E6%92%AD%E6%94%BE%E7%9A%84%E8%A7%86%E9%A2%91%E6%96%87%E4%BB%B6/a.flv" id="player"></a>

5.调用api为上一步设定的链接位置装载播放器，如下：

flowplayer("player","path/to/the/flowplayer-3.1.1.swf"); 播放器自身主体

上面代码中第一个参数是上一步中设定的链接id，第二个参数是播放器主体的flash文件路径。使用flowplayer()方法装载播放器时，可以指定非常多的参数来配置或个性化你的播放器。常用的例如：

<script>flowplayer("player","/hygg/resources/flash/flowplayer-3.2.7.swf", {

clip:{

autoPlay:false,//是否自动播放，默认true

//autoBuffering:true//是否自动缓冲视频，默认true

}

});

</script>

项目代码：

<!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=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="https://blog.csdn.net/js/flowplayer-3.2.10.min.js"></script>

</head>
<body>

<a href="https://blog.csdn.net/flowplayer.flv" style="display:block;width:520px;height:330px" id="player"></a>

<script type="text/javascript"> flowplayer("player", "flowplayer-3.2.11.swf",{

clip:{

autoPlay:false,//是否自动播放，默认true

//autoBuffering:true//是否自动缓冲视频，默认true

}

});

</script>

</body>

</html>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

视频改进 1：

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。