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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
实现JavaScript中继承的三种方式
Oct 16 Javascript
jquery.tmpl JQuery模板插件
Oct 10 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
JavaScript如何获取一个元素的样式信息
Jul 29 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
Jul 17 Javascript
typescript编写微信小程序创建项目的方法
Jan 29 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
php中解析带中文字符的url函数分享
2015/01/20 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
Laravel框架实现利用监听器进行sql语句记录功能
2018/06/06 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
JavaScript的parseInt 取整使用
2011/05/09 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
Knockout text绑定DOM的使用方法
2013/11/15 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
浅谈AngularJS中ng-class的使用方法
2016/11/11 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
pandas数据集的端到端处理
2019/02/18 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
Python中正反斜杠(‘/’和‘\’)的意义与用法
2019/08/12 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
将python安装信息加入注册表的示例
2019/11/20 Python
Python reduce函数作用及实例解析
2020/05/08 Python
Python Celery异步任务队列使用方法解析
2020/08/10 Python
python基于win32api实现键盘输入
2020/12/09 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
名词解释型面试题(主要是网络)
2013/12/27 面试题
日语专业毕业生求职信
2013/12/04 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
经典英文广告词
2014/03/18 职场文书
小孩不笨观后感
2015/06/03 职场文书
小学班主任研修日志
2015/11/13 职场文书