本文主要是介绍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>
这篇关于JWPlayer 插件播放视频播放器使用记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!