前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jwplayer html插件,jQuery插件JWPlayer视频播放器用法实例分析

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

作者头像
全栈程序员站长
发布2022-11-19 16:33:40
1.6K0
发布2022-11-19 16:33:40
举报

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

本文实例讲述了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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022年10月19日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云点播
面向音视频、图片等媒体,提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档