1.0.0-occupy • Published 4 years ago
byted-player-videocheck v1.0.0-occupy
简介
视频审核播放器UI和功能定制插件
安装
# 添加 bnpm
$ alias bnpm="npm --registry=http://bnpm.byted.org"
# 安装组件
$ bnpm install byted-player-videocheck GitLab
https://code.byted.org/toutiao-fe/byted-player-lerna.git
引入
<script src="//cdn.jsdelivr.net/npm/xgplayer@1.1.4-beta.11/browser/index.js" charset="utf-8"></script>
<script src="./node_modules/byted-player-videocheck/browser/index.js"></script>播放器配置项
let player = new Player({
videocheck: 'v2',// 定制UI项，必选 v1为第一版UI，v2为第二版UI
forcePlay: 'play', //play,pause,auto 点击进度条后视频播放，暂停，使用默认交互
playbackRate: [0.5, 0.75, 1, 1.5, 2] //可选
})Demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<meta name="referrer" content="no-referrer">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>西瓜播放器-视频审核</title>
<style>
.xgplayer-str{
font-size: 21px;
}
</style>
</head>
<body>
<section id="wrapper">
<div id="vs"></div>
</section>
<script src="//cdn.jsdelivr.net/npm/xgplayer@1.1.4-beta.11/browser/index.js" charset="utf-8"></script>
<script src="./node_modules/byted-player-videocheck/browser/index.js" charset="utf-8"></script>
<script type="text/javascript">
let player = new Player({
id: 'vs',
// url: '//s3.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4',
url: 'http://tosv.byted.org/obj/tos-cn-v-0000/4e66d4d128534b42a9101fb79cefe823',
whitelist: [''],
playsinline: true,
width: 320,
height: 568,
videocheck: 'v2',// 定制UI项，必选 v1为第一版UI，v2为第二版UI
forcePlay: 'play', //play,pause,auto
playbackRate: [0.5, 0.75, 1, 1.5, 2]
})
player.on('error', function (err) {
console.log(JSON.stringify(err))
})
</script>
</body>
</html>es6
import Player from 'xgplayer'
import 'byted-player-videocheck';
let player = new Player({
id: 'vs',
// url: '//s3.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4',
url: 'http://tosv.byted.org/obj/tos-cn-v-0000/4e66d4d128534b42a9101fb79cefe823',
poster: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg',
whitelist: [''],
playsinline: true,
width: 320,
height: 568,
videocheck: 'v2',// 定制UI项，必选 v1为第一版UI，v2为第二版UI
forcePlay: 'play', //play,pause,auto
playbackRate: [0.5, 0.75, 1, 1.5, 2]
});