更新记录

1.0.1（2020-03-19） 下载此版本

小程序视频播放器 目前进度条拖动有点问题

平台兼容性

uni-app

使用方法

1.在script中引用组件

import yfsVideo from '../../components/yfs-video/yfs-video.vue'
export default {
    components:{
        yfsVideo
    },
    data() {
        return {
            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@20181126.mp4',
            danmuList: [{
                    text: '第 1s 出现的弹幕',
                    color: '#ff0000',
                    time: 1
                },
                {
                    text: '第 3s 出现的弹幕',
                    color: '#ff00ff',
                    time: 3
                },
                {
                    text: '第 5s 出现的弹幕',
                    color: '#ff00ff',
                    time: 5
                }
            ],
            videoCurrTime:0,
            videoTitle:"zhemvopswemvop    wjfopjeowjmpiojm"
        }
    },
    onReady: function(res) {
    },
    methods: {
        getTimeVideo:function(e){
            console.log(e);
        },
    }
}

2.在 template 中使用组件

<view>
    <yfsVideo 
    :src="src" 
    :danmu-list="danmuList" 
    :videoTitle="videoTitle"></yfsVideo>
</view>

说明

OBJECT参数说明