JWPlayer 插件播放视频播放器使用记录

最新推荐文章于 2019-02-19 15:17:34 发布

kenhins

最新推荐文章于 2019-02-19 15:17:34 发布

阅读量2.7k

点赞数 1

分类专栏： jQuery JWPlayer

本文链接：https://blog.csdn.net/kenhins/article/details/52606319

版权

jQuery 同时被 2 个专栏收录

40 篇文章 0 订阅

订阅专栏

JWPlayer

1 篇文章 0 订阅

订阅专栏

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>

kenhins

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JWPlayer 插件播放视频播放器使用记录

JWPlayer 插件播放视频播放器使用记录快讯视频预览 .jwlogo{ display: none; } #container{ margin: auto; } #videoDiv{
复制链接

扫一扫

专栏目录