vue中使用video.js

本文主要是介绍vue中使用video.js，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.首先下载Video。js

2.引入：import Video from 'video.js'

3.页面中使用： 

<video

              style="display:none"

              :id="'myVideo'+index"

              class="video-js"

              :src="item.sourceUrl"

              controls

              preload="auto">

            </video>

4. 后台返回数据做处理： 

this.$nextTick(() => {

            let myCollection = document.getElementsByClassName('video-js')

            this.durationT = []

            Array.from(myCollection).map((item, index) => {

              var myPlayer = Video('myVideo' + index, {

                preload: 'auto',

                controlBar: {

                  'durationDisplay': true

                }

              }, () => {

                this.timer = setTimeout(() => {

                  this.durationT.push(myPlayer.controlBar.durationDisplay.formattedTime_)

                }, 200)

              })

            })

          })

这篇关于vue中使用video.js的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---