您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
本篇文章为大家展示了JWPlayer插件怎么在jQuery中使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
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>
上述内容就是JWPlayer插件怎么在jQuery中使用,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。