JWPlayer插件怎么在jQuery中使用

tangjin

作者

本篇文章为大家展示了JWPlayer插件怎么在jQuery中使用，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

JWPlayer 插件播放视频播放器使用方法：

JWPlayer插件怎么在jQuery中使用

<%@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>

上述内容就是JWPlayer插件怎么在jQuery中使用，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注恰卡编程网行业资讯频道。

阅读全文

发布于 2021-04-03 22:31:27

jquery