编程 Javascript

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程序设计有所帮助。

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

- Author -

kenhins

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js小技巧--自动隐藏红叉叉

Aug 13 Javascript

javascript smipleChart 简单图标类

Jan 12 Javascript

jQuery替换字符串(实例代码)

Nov 13 Javascript

Javascript中数组sort和reverse用法分析

Dec 30 Javascript

3种不同的ContextMenu右键菜单实现代码

Nov 03 Javascript

微信小程序 radio单选框组件详解及实例代码

Jan 10 Javascript

详解js前端代码异常监控

Jan 11 Javascript

js模拟支付宝密码输入框

Apr 11 Javascript

SelectPage v2.4 发布新增纯下拉列表和关闭分页功能

Sep 07 Javascript

mockjs,json-server一起搭建前端通用的数据模拟框架教程

Dec 18 Javascript

layui use 定义js外部引用函数的方法

Sep 26 Javascript

关于React Native 无法链接模拟器的问题

Jun 21 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