vue

VUE动态绑定video的src / 动态切换video的src

2019-08-13  本文已影响0人  大雄想静静

<!-- html标签部分 -->
<video ref="videoPlay" :src="videoURL"  controls></video>

//  定义视频地址变量

export default {

    name: 'VideoDetails',

    data () {

            return {

                videoURL: '',

            }

        },

    methods: {

        获取视频地址的方法() {

            this.videoURL = "视频地址"

            // 如果动态切换src地址,也要加上下面的事件(前提是src地址已切换或已重新赋值,再走这个事件)

                  this.$nextTick(() => {

                        this.$refs.videoPlay.load()

                   })

        }

    }

}

上一篇 下一篇

猜你喜欢

热点阅读