videoPlayer 位置控制

最新推荐文章于 2023-12-29 10:40:16 发布

薛瑜

最新推荐文章于 2023-12-29 10:40:16 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： app视频播放文章标签： apicloud videoPlayer控制播放位置

本文链接：https://blog.youkuaiyun.com/weixin_42516540/article/details/86741382

app视频播放专栏收录该内容

1 篇文章

订阅专栏

探讨了Apicloud视频播放模块的使用技巧，解决自动全屏播放的问题，通过自定义图片样式并绑定点击事件实现视频播放控制。

这个模块是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));
}
});
});