使用flowplayer给网站添加视频播放功能
2013-12-08 13:44
579 查看
一,前言
最近要帮老师做一个网络课程的网站,其间要在网页上使用FLV播放插件,无意中发现的。
FlowPlayer 是一个用Flash开发的在Web上的视频播放器,可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。
二,下载地址
http://pan.baidu.com/share/link?shareid=3971901816&uk=539692501
三,代码示例
<!-- player skin -->
<link rel="stylesheet" type="text/css" href="vedio/skin/minimalist.css">
<!-- site specific styling -->
<style type="text/css">
.flowplayer { width: 100%; height:100%;}
</style>
<!-- flowplayer depends on jQuery 1.7.1+ (for now) -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include flowplayer -->
<script type="text/javascript" src="vedio/flowplayer.min.js"></script>
这一段在官方给的代码示例中,是一定要加在<head></head>标签中的
<!-- the player -->
<div class="flowplayer" data-swf="vedio/flowplayer.swf" data-ratio="0.4167">
<video>
<source type="video/flv" src="<%= basePath %>FLV/<%= file %>">
<!--<source type="video/mp4" src="http://stream.flowplayer.org/bauhaus/624x260.mp4">-->
<!--<source type="video/ogv" src="http://stream.flowplayer.org/bauhaus/624x260.ogv">-->
</video>
这一段是播放器的代码,其实根据官方给的示例是很容易自己摸索的,这里就不多说了。
之后用Tomcat服务器发布测试。
最近要帮老师做一个网络课程的网站,其间要在网页上使用FLV播放插件,无意中发现的。
FlowPlayer 是一个用Flash开发的在Web上的视频播放器,可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。
二,下载地址
http://pan.baidu.com/share/link?shareid=3971901816&uk=539692501
三,代码示例
<!-- player skin -->
<link rel="stylesheet" type="text/css" href="vedio/skin/minimalist.css">
<!-- site specific styling -->
<style type="text/css">
.flowplayer { width: 100%; height:100%;}
</style>
<!-- flowplayer depends on jQuery 1.7.1+ (for now) -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include flowplayer -->
<script type="text/javascript" src="vedio/flowplayer.min.js"></script>
这一段在官方给的代码示例中,是一定要加在<head></head>标签中的
<!-- the player -->
<div class="flowplayer" data-swf="vedio/flowplayer.swf" data-ratio="0.4167">
<video>
<source type="video/flv" src="<%= basePath %>FLV/<%= file %>">
<!--<source type="video/mp4" src="http://stream.flowplayer.org/bauhaus/624x260.mp4">-->
<!--<source type="video/ogv" src="http://stream.flowplayer.org/bauhaus/624x260.ogv">-->
</video>
这一段是播放器的代码,其实根据官方给的示例是很容易自己摸索的,这里就不多说了。
之后用Tomcat服务器发布测试。
相关文章推荐
- Apache Web让JSP“动”起来
- JSP 多条SQL语句同时执行的方法
- 在jsp页面中响应速度提高的7种方法分享
- (jsp/html)网页上嵌入播放器(常用播放器代码整理)
- JSP避免Form重复提交的三种方案
- jsp 标准标签库简析
- jsp 常用标签的使用
- jsp遍历文件夹下的文件的代码
- jsp fckeditor 上传中文图片乱码问题的解决方法
- JSP转发和重定向的区别分析
- jsp 连接sql server 2008 连接不上的解决方法
- jsp是什么文件 如何打开jsp格式的文件
- 五种 JSP页面跳转方法详解
- JSP 多个文件打包下载代码
- jsp 生成验证码代码
- jsp Hibernate批量更新和批量删除处理代码
- 解决JSP开发中Web程序显示中文三种方法
- JSP Filter的应用方法