uni-app组件_视频-【官方】百战程序员_IT在线教育培训机构

属性名	类型	默认值	说明	平台差异说明
src	String		要播放视频的资源地址
autoplay	Boolean	false	是否自动播放
loop	Boolean	false	是否循环播放
muted	Boolean	false	是否静音播放	字节跳动小程序与飞书小程序不支持
initial-time	Number		指定视频初始播放位置，单位为秒（s）。	字节跳动小程序与飞书小程序不支持
duration	Number		指定视频时长，单位为秒（s）。	字节跳动小程序、飞书小程序、快手小程序、京东小程序不支持
controls	Boolean	true	是否显示默认播放控件（播放/暂停按钮、播放进度、时间）	快手小程序不支持
danmu-list	Object Array		弹幕列表	字节跳动小程序、飞书小程序、快手小程序、京东小程序不支持
danmu-btn	Boolean	false	是否显示弹幕按钮，只在初始化时有效，不能动态变更	字节跳动小程序、飞书小程序、快手小程序、京东小程序不支持
enable-danmu	Boolean	false	是否展示弹幕，只在初始化时有效，不能动态变更	字节跳动小程序、飞书小程序、快手小程序、京东小程序不支持
page-gesture	Boolean	false	在非全屏模式下，是否开启亮度与音量调节手势	微信小程序、H5
show-fullscreen-btn	Boolean	true	是否显示全屏按钮	京东小程序不支持
show-play-btn	Boolean	true	是否显示视频底部控制栏的播放按钮	京东小程序不支持
show-center-play-btn	Boolean	true	是否显示视频中间的播放按钮	字节跳动小程序、京东小程序不支持
@play	EventHandle		当开始/继续播放时触发play事件	字节跳动小程序与飞书小程序不支持
@pause	EventHandle		当暂停播放时触发 pause 事件	字节跳动小程序与飞书小程序不支持
@ended	EventHandle		当播放到末尾时触发 ended 事件	字节跳动小程序与飞书小程序不支持
@timeupdate	EventHandle		播放进度变化时触发，event.detail = {currentTime, duration} 。触发频率 250ms 一次	字节跳动小程序与飞书小程序不支持
@fullscreenchange	EventHandle		当视频进入和退出全屏时触发，event.detail = {fullScreen, direction}，direction取为 vertical 或 horizontal	字节跳动小程序与飞书小程序不支持


xxxxxxxxxx
<video 
       id="myVideo" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
       @error="videoErrorCallback" 
       :danmu-list="danmuList" 
       enable-danmu 
       danmu-btn 
       controls
       ></video>
<button @click="sendDanmu">发送弹幕</button>


xxxxxxxxxx
export default {
    data() {
        return {
            danmuList: [
                {
                    text: '第 1s 出现的弹幕',
                    color: '#ff0000',
                    time: 1
                },
                {
                    text: '第 3s 出现的弹幕',
                    color: '#ff00ff',
                    time: 3
                 }
             ]
        }
    },
    onReady: function(res) {
        this.videoContext = uni.createVideoContext('myVideo')
    },
    methods: {
        sendDanmu() {
            this.videoContext.sendDanmu({
                text: "点击发送弹幕",
                color: "#f00"
            });
        },
        videoErrorCallback(e) {
            console.log(e.target.errMsg)
        }
    }
}

实时效果反馈

1. uni-app中，视频播放设置自动播放属性是哪一个：

A loop

B autoplay

C muted

D controls

答案

1=>B

uni-app组件_音频 uni-app组件_相机

北京市昌平区回龙观镇南店村综合商业楼2楼226室