html5视频播放器
2024-10-20 08:26:44
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Flare Video</title>
<link rel="stylesheet" href="stylesheets/flarevideo.css" type="text/css">
<link rel="stylesheet" href="stylesheets/flarevideo.default.css" type="text/css">
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.ui.slider.js" type="text/javascript"></script>
<script src="javascripts/jquery.flash.js" type="text/javascript"></script>
<script src="javascripts/flarevideo.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
jQuery(function($){
fv = $("#video").flareVideo();
fv.load([
{
src=\'#\'" //localhost:8080/txyl/videos/c5a1b0ef-071c-4501-817c-ec31adeba82e.mp4',
type: 'video/mp4'
}
]);
})
</script>
<style type="text/css" media="screen">
body {
background: #27282C url(images/bg.png) repeat;
} #video {
-webkit-box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
width: 900px;
height: 500px;
overflow: none;
margin: 5% auto;
}
</style>
</head>
<body>
<div id="video"></div>
</body>
</html>
最新文章
- 【Python】if __name__ == ";__main__";做了什么?
- laravel(一):如何安装laravel
- hadoop2.0初识1.3
- Windows 7 封装与定制不完全教程
- 三星galaxy s4问题解决及快捷操作
- Scrapy简介
- 使用oracle的SQL Developer创建用户的方法
- kubernetes kubeadm部署高可用集群
- C/C++ 内存布局详解(经典)(很久前不知哪儿转载的)
- SQL ROW_NUMBER() OVER函数的基本用法用法
- 【2017-05-05】timer控件、三级联动、帐号激活权限设置
- Java 接口-抽象类解析
- [USACO12JAN]爬山Mountain Climbing
- Android--操作图片Exif信息
- mysql创建和调用out参数的存储过程
- 安装Mycat 曾经踩的那些坑
- Centos不能上外网解决
- CentOS 解决vim乱码问题
- Hystrix介绍以及服务的降级限流熔断
- 【angular5项目积累总结】avatar组件