<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery自定义视频播放器特效 </title>
<link rel="stylesheet" type="text/css" href="css/Basc.css">
<link rel="stylesheet" type="text/css" href="css/video.css">
<style type="text/css">
.xh_main{width: 1170px;margin: 0 auto;position: relative;}
.padt100{padding-top: 1px;}
@media only screen and (max-width:1200px){
.xh_main{width: 100%;}
}
</style>
</head>
<body>
<div class="xh_main padt100" style="z-index: 9;">
<div class="video-wrap">
<!--视频-->
<video class="video" poster="images/video.png">
<source src="https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Bastion_TheLastBastion.mp4" type="video/mp4"></source>
</video>
<!--控制条-->
<div class="video-controls">
<!--控制条背景-->
<div class="video-controls-bg"></div>
<!--进度条-->
<div class="loading-line">
<em class="loading_em"></em>
<span class="loading_span"></span>
</div>
<!--播放/暂停-->
<div class="video-btn"></div>
<!--播放进度-->
<div class="video-time">
<span class="video-now">00:00</span>
/
<span class="video-count">00:00</span>
</div>
<!--全屏-->
<div data-videofull='false' class="video-fullscreen"></div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/video.js"></script>
<script type="text/javascript">
$(function(event){
new myVideo(event,$(".video-wrap"));
})
</script>
</body>
</html>
jQuery基于video自定义视频播放器特效源码.zip （9个子文件） 
132687008329191504 css 
video.css 2KB Basc.css 1KB images 
fullscreen.png 985B pause.png 948B video.png 82KB play.png 1KB
index.html 2KB js jquery.min.js 91KB video.js 6KB资源评论
毕业_设计
- 粉丝: 1979
- 资源: 1万+
