jQuery插件JWPlayer视频播放器用法实例分析


Posted in Javascript onJanuary 11, 2017

本文实例讲述了jQuery插件JWPlayer视频播放器用法。分享给大家供大家参考,具体如下:

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

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/>
  <meta content="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>
  <section id="videoDiv">
    <div id="container">Loading the player ...</div>
  </section>
</body>
<script type="text/javascript" src="/wamei/pages/js/jquery-1.11.3.min.js" ></script>
<script type="text/javascript" src="/wamei/pages/js/jwplayer/jwplayer.js"></script>
<script>
$(function(){
  var videoUrl = getUrlParam("videoUrl");
  var videoCover = getUrlParam("videoCover");
  if(videoUrl){
    jwplayer("container").setup({
      flashplayer : "/wamei/pages/js/jwplayer/player.swf",
      levels: [{file: videoUrl}],
      image: videoCover,
      height : 270,
      width : 480
    });
  }
});
//获取url中的参数
function getUrlParam(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  var r = window.location.search.substr(1).match(reg); //匹配目标参数
  if (r != null) return unescape(r[2]); return null; //返回参数值
}
</script>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
动态刷新 dorado树的js代码
Jun 12 Javascript
JavaScript 变量命名规则
Sep 23 Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
pageGroup.js实现分页功能
Jul 27 Javascript
重置Redux的状态数据的方法实现
Nov 18 Javascript
AngularJS中的缓存使用
Jan 11 #Javascript
AngularJS中的按需加载ocLazyLoad示例
Jan 11 #Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 #Javascript
JavaScript实现大图轮播效果
Jan 11 #Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 #Javascript
canvas 弹幕效果(实例分享)
Jan 11 #Javascript
JQuery实现动态操作表格
Jan 11 #Javascript
You might like
无限级别菜单的实现
2006/10/09 PHP
phpwind中的数据库操作类
2007/01/02 PHP
微博短链接算法php版本实现代码
2012/09/15 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
PHP验证终端类型是否为手机的简单实例
2017/02/07 PHP
又一个小巧的图片预加载类
2007/05/05 Javascript
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
Web打印解决方案之普通报表打印功能
2016/08/29 Javascript
JavaScript轮播图简单制作方法
2017/02/20 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
在 React、Vue项目中使用SVG的方法
2018/02/09 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
2019/05/28 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python对列表排序的方法实例分析
2015/05/16 Python
Python 打印中文字符的三种方法
2018/08/14 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
python中的django是做什么的
2020/07/31 Python
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
学生干部的自我评价分享
2014/01/18 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
海洋科学专业求职信
2014/08/10 职场文书
给客户的检讨书
2014/12/21 职场文书
冰峪沟导游词
2015/02/09 职场文书
教师年度个人总结
2015/02/11 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers