jQuery插件JWPlayer视频播放器用法实例分析
本文实例讲述了jQuery插件JWPlayer视频播放器用法。分享给大家供大家参考，具体如下：
JWPlayer插件播放视频播放器使用方法：
<%@taglibprefix="c"uri="http://java.sun.com/jsp/jstl/core"%>
<%@pagecontentType="text/html;charset=UTF-8"%>
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<metacontent="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport"/>
<metacontent="telephone=no,address=no,email=no"name="format-detection">
<title>快讯视频预览</title>
<style>
.jwlogo{
display:none;
}
#container{
margin:auto;
}
#videoDiv{
margin-top:30px;
}
</style>
</head>
<body>
<sectionid="videoDiv">
<divid="container">Loadingtheplayer...</div>
</section>
</body>
<scripttype="text/javascript"src="/wamei/pages/js/jquery-1.11.3.min.js"></script>
<scripttype="text/javascript"src="/wamei/pages/js/jwplayer/jwplayer.js"></script>
<script>
$(function(){
varvideoUrl=getUrlParam("videoUrl");
varvideoCover=getUrlParam("videoCover");
if(videoUrl){
jwplayer("container").setup({
flashplayer:"/wamei/pages/js/jwplayer/player.swf",
levels:[{file:videoUrl}],
image:videoCover,
height:270,
width:480
});
}
});
//获取url中的参数
functiongetUrlParam(name){
varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象
varr=window.location.search.substr(1).match(reg);//匹配目标参数
if(r!=null)returnunescape(r[2]);returnnull;//返回参数值
}
</script>
</html>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。