代码拉取完成,页面将自动刷新
同步操作将从 lzbdev/mobilePlayer 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
最近更新时间:2017-12-20
MobilePlayer是一款专为微信浏览器打造的依赖于jQuery的移动端视频播放器。
本文档是介绍MobilePlayer的使用说明,它可帮助用户直接使用经过验证的视频播放能力,通过灵活的终端兼容,快速融入自有项目,以实现在微信浏览器中的播放功能。
该文档面向考虑使用MobilePlayer播放器进行开发并具备JavaScript语言基础的开发人员。
[TOC]
播放格式 | 支持情况 |
---|---|
MP4 | ✔ |
HLS(m3u8) | ✔ |
RTMP | ✘ |
<section id="player-wrapper"></section>
var player = new LePlayer({
wrapperId: 'player-wrapper',
title: 'LePlayer',
urls: [
{title: '地址一',url: 'http://m3u8地址1.m3u8'},
{title: '地址二',url: 'http://m3u8地址2.m3u8'},
{title: '地址三',url: 'http://m3u8地址3.m3u8'}
],
isLive: true,
isLoop: true,
poster: './images/poster.jpg'
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./css/player.css">
<script src="./js/jquery.min.js"></script>
<script src="./js/player.js"></script>
</head>
<body>
<section id="player-wrapper"></section>
<section>
页面其他内容
</section>
<script>
var params = {
wrapperId: 'player-wrapper',
title: 'LePlayer',
urls: [
// m3u8地址
{title: '地址一',url: 'http://m3u8地址1.m3u8'},
{title: '地址二',url: 'http://m3u8地址2.m3u8'},
{title: '地址三',url: 'http://m3u8地址3.m3u8'},
// MP4地址
// {url:'http://www.w3school.com.cn/example/html5/mov_bbb.mp4'}
],
isLive: true,
isLoop: false,
poster: './images/poster.jpg'
};
var player = new LePlayer(params);
</script>
</body>
</html>
var player = new LePlayer(params);
参数 | 类型 | 默认值 | 描述 |
---|---|---|---|
wrapperId | String | 无 | 必选。设置播放器外层容器的ID。视频播放前后的外层容器宽高需要开发者根据内层容器(div.le-player)的宽高动态设置。 |
title | String | Document | 可选。设置播放器默认头部标题文字。该参数仅在Android系统下有效。 |
urls | Array | 无 | 必选。设置一个或多个播放源,用于在播放不稳定时切换播放源。每个播放源通过options配置,具体见下表。 |
isLive | Boolean | false | 可选。设置播放器状态为直播或者点播。 |
isLoop | Boolean | false | 可选。设置当前视频是否循环播放。该参数仅在播放器状态为点播时有效。 |
poster | String | defaultImg | 可选。设置当前视频的预览图。 |
参数 | 类型 | 默认值 | 描述 |
---|---|---|---|
title | String | 无 | 必选。设置播放源标题,用于换源提示文字。 |
url | String | 无 | 必选。设置播放源地址。 |
点播与直播状态下界面的区别在于有无快进快退按钮,是否显示当前时间与总时长,有无播放进度条以及是否显示换源提示(设置一个以上的播放地址,在不可播放状态持续5s显示)。
player.init()方法
- 语法示例 player.init(function(data){console.log(data)});
参数 | 描述 |
---|---|
function | 必选。规定当媒体数据加载完成时执行的函数,参数data(object)为返回的数据元信息。参数在初次点击播放后返回。 |
player.printScreen()方法
- 语法示例 player.printScreen();
返回值 | 描述 |
---|---|
data | 返回截图的Base64编码。 |
player.listenStatus()方法
- 语法示例 player.listenStatus(event,function);
参数 | 描述 |
---|---|
event | 必选。所监听的事件类型,目前支持'play'、'pause'以及'error'。 |
function | 必选。规定该事件被触发时执行的函数。 |
player.setPlayerTitle()方法 该方法仅在Android系统下有效。
- 语法示例 player.setPlayerTitle(title);
参数 | 描述 |
---|---|
title | 必选。设置播放器当前头部标题文字。 |
player.currentTime()方法
- 语法示例 player.currentTime(time);
参数 | 描述 |
---|---|
time | 可选。无参数时可返回当前的播放位置(单位s),有参数(正实数)时设置播放位置并播放。设置方法应在touch或mouse事件内调用,否则无法自动播放。 |
感谢您阅读本文档。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。