在vue中添加手机视频并不复杂，只需引入适当的组件和工具即可。

首先，我们需要使用vue的npm安装vue-video-player组件：

npm i vue-video-player --save

然后，在我们要添加视频的组件中，可以像以下这样调用VueVideoPlayer组件，并设置options来控制视频播放的行为和外观：

<template>
  <vue-video-player :options="options"></vue-video-player>
</template>

<script>
import VueVideoPlayer from 'vue-video-player'

export default {
  components: {
    VueVideoPlayer
  },
  data () {
    return {
      options: {
        autoplay: false,
        controls: true,
        sources: [{
          src: 'path/to/your/video.mp4',
          type: 'video/mp4'
        }]
      }
    }
  }
}
</script>

在以上代码中，我们设置了视频的路径和类型，以及是否自动播放和是否展示控制条等选项。

除了vue-video-player组件外，我们还可以使用video.js和vue-videojs7组件来实现类似的功能。而使用这些组件的方法也与vue-video-player类似，只需要按照相应的文档进行设置即可。