这个模块是apicloud的视频播放模块,但是有个问题是没有给定播放位置,一般一进去就会全屏播放,我用了一个比较喽的方法,做了一个视频开始样式的图片 ,绑定点击事件点击那个图片然后播放视频,以后有更好的方法我再分享
这一段是标签
这一段是绑定的点击播放视频事件 这个$ 跟api 中间的空格记得去掉
$ api.addEvt($api.dom(".videoImg"),‘click’, function(){
var videoPlayer = api.require(‘videoPlayer’);
videoPlayer.play({
texts: {
head: {
title: ‘’
}
},
styles: {
head: {
bg: ‘rgba(0,0,0,0.4)’,
height: 44,
titleSize: 16,
titleColor: ‘#fff’,
backSize: 20,
backImg: ‘fs://img/back.png’,
setSize: 20,
setImg: ‘fs://img/set.png’
},
foot: {
bg: ‘rgba(0,0,0,0.4)’,
height: 44,
playSize: 20,
playImg: ‘fs://img/back.png’,
pauseImg: ‘fs://img/back.png’,
nextSize: 20,
nextImg: ‘fs://img/back.png’,
timeSize: 14,
timeColor: ‘#fff’,
sliderImg: ‘fs://img/slder.png’,
progressColor: ‘#696969’,
progressSelected: ‘#76EE00’
}
},
path: test+infoData.data.news.videoUrl, //(可选项)字符串类型;文档的路径,支持网络和本地(fs://)路径;默认:未传值时不播放
//在 android 平台上不支持 widget://
autoPlay: true //(可选项)布尔类型;打开时是否自动播放;默认:true(自动播放)
}, function(ret, err) {
if (ret) {
// alert(JSON.stringify(ret));
} else {
// alert(JSON.stringify(err));
}
});
});