阿里云播放器AliyunPlayer的走马灯组件的位置

引入当前组件, 播放器配置中添加如下代码:

components: [{name: 'BulletScreenComponent',type: AliPlayerComponent.BulletScreenComponent,/** Descriptions of the scrolling text component parameters: text, style, bulletPosition * text: The scrolling text* style: The style of the scrolling text* bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.*/args: ['Welcome to use Aliplayer', {fontSize: '16px', color: '#00c1de'}, 'random']
}]

该组件接收三个参数:

text, style, bulletPosition

text, String 类型, 需要显示的文字
style, Object 类型, 类似 CSS 的写法, CSS 属性名用驼峰式的写法
bulletPosition, 可选参数, 默认为 'random': 随机位置(位置滚动一次后会随机改变); 另外可以设置成 'top'(顶部) 或 'bottom'(底部)

注意: 为了防止跑马灯组件被隐藏或者删除, 跑马灯的 CSS 属性 display, visibility, opacity 分别被固定设置成 block, visible, 1。如果想设置跑马灯的透明度, 请设置组件参数 style 中的 opacity

但是有的时候走马灯的位置随机的范围会很小,试了好久,发现是初始化阿里云播放器时宽度和高度写成了100%,改成具体数值之后问题解决

阿里云播放器AliyunPlayer的走马灯组件的位置相关推荐

Swift 第三方播放器AliyunPlayer,音乐(阿里云播放器)(源码)
一直觉得自己写的不是技术,而是情怀,一个个的教程是自己这一路走来的痕迹.靠专业技能的成功是最具可复制性的,希望我的这条路能让你们少走弯路,希望我能帮你们抹去知识的蒙尘,希望我能帮你们理清知识的脉络,希 ...
阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现(三)
阿里云播放器SDK(ApsaraVideo for Player SDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播的基础播放功能外,还深度融合视频云业务,支持视频的加密播放.安全下载. ...
h5阿里云播放器常规使用
阿里云播放器: 引入js和css <script type="text/javascript" charset="utf-8" src="htt ...
在vue项目中使用阿里云播放器
在官方文档中分为HTML5和Flash两种播放模式我用的是html5的播放模式,下面是阿里云官方文档阿里云播放器的使用说明_视频点播-阿里云帮助中心首先在index.html文件中引入 <l ...
解决ijkplayer和阿里云播放器冲突的解决
ijkplayer和阿里云播放器的冲突问题解决今天遇到导入阿里云的播放器跟自身的ijkplayer播放器产生冲突的问题 ijkplayer 报错 IJKSDLGLView: setupDisplay ...
nuxt项目打包后阿里云播放器错误：ReferenceError Aliplayer is not defined
nuxt项目打包后阿里云播放器错误:ReferenceError: Aliplayer is not defined 这个问题搞了我一天,阿里云视频播放有时点进去是好的,有时候就报错,而且一刷新也报这 ...
关于，VUE中，阿里云播放器报错：Aliplayer is not defined。
VUE中,阿里云播放器报错:Aliplayer is not defined.-Java-CSDN问答感谢@iMingzhen大哥的解答!
腾讯迁移至阿里云播放器
目前APP中视频模块使用了腾讯及阿里两套播放器,造成维护困难.包体增大.恰逢开谈项目下线决定进行播放器业务迁移. 首先需要熟悉一下各个播放器的使用方法以及业务中的应用场景.涉及的模块包括直播拉流.直播 ...
苹果CMS V10 整合阿里云播放器-带记忆播放
这篇整合教程加了阿里播放器的记忆功能,去除了弹幕,资源预加载等功能. 有人会说,我用ck .dp不好吗?为啥要用aliplayer,阿里播放器的记忆功能很给力,比如手机播放页面在后台放了很久,隔了几天 ...

阿里云播放器AliyunPlayer的走马灯组件的位置

阿里云播放器AliyunPlayer的走马灯组件的位置相关推荐

最新文章

热门文章