zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

jQuery实例HTML插件 分析 用法 视频 播放器
2023-06-13 09:13:10 时间

大家好,又见面了,我是你们的朋友全栈君。

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

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

快讯视频预览

.jwlogo{

display: none;

}

#container{

margin: auto;

}

#videoDiv{

margin-top: 30px;

}

Loading the player …

$(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; //返回参数值

}

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/180069.html原文链接:https://javaforall.cn