编程 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 相关文章推荐

在线编辑器的实现原理(兼容IE和FireFox)

Mar 09 Javascript

javascript json2 使用方法

Mar 16 Javascript

一个可绑定数据源的jQuery数据表格插件

Jul 17 Javascript

Jquery submit()无法提交问题

Apr 21 Javascript

JS保留两位小数,多位小数的示例代码

Jan 07 Javascript

按下回车键指向下一个位置的一个函数代码

Mar 10 Javascript

Node.js 制作实时多人游戏框架

Jan 08 Javascript

CSS3 3D 技术手把手教你玩转

Sep 02 Javascript

JavaScript判断日期时间差的实例代码

Mar 01 Javascript

基于three.js实现的3D粒子动效实例代码

Apr 09 Javascript

vue 子组件和父组件传值的示例

Sep 11 Javascript

详解如何使用React Hooks请求数据并渲染

Oct 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