智能小程序 Ray 开发——媒体组件 Video 和 NativeVideo 实操讲解

video

导入

import { Video } from '@ray-js/ray';
import { createVideoContext } from '@ray-js/api';

视频

相关 API: createVideoContext

属性说明

属性	类型	默认值	必填	说明
src	string		是	要播放视频的资源地址，支持网络路径; 注意分区部署情况下,视频是否支持访问
duration	number		否	指定视频时长，单位秒 s
controls	boolean	true	否	是否显示默认播放控件（播放/暂停按钮、播放进度、时间）
danmuList	Array<{text,color,time}>		否	弹幕列表
danmuBtn	boolean	false	否	是否显示弹幕按钮，只在初始化时有效，不能动态变更
enableDanmu	boolean	false	否	是否展示弹幕，只在初始化时有效，不能动态变更
autoplay	boolean	false	否	是否自动播放
loop	boolean	false	否	是否循环播放
muted	boolean	false	否	是否静音播放
initialTime	number	0	否	指定视频初始播放位置
showFullscreenBtn	boolean	true	否	是否显示全屏按钮
showPlayBtn	boolean	true	否	是否显示视频底部控制栏的播放按钮
showCenterPlayBtn	boolean	true	否	是否显示视频中间的播放按钮
object-fit	string