白邊視頻是一種非常流行的視頻制作方式，它可以使視頻看起來更加簡潔明了，同時也讓畫面更加優美。那么如何利用Vue制作出這種效果呢？以下是一些詳細的步驟。

首先，我們需要安裝Vue。我們可以通過下面的命令來安裝Vue：

npm install vue

接著，在我們的Vue項目中，我們需要引入video.js庫。這個庫可以讓我們更加方便地控制視頻的播放和暫停。我們可以通過下面的命令來安裝video.js：

npm install video.js

安裝完畢后，我們需要在Vue項目的main.js中引入video.js，代碼如下：

import VideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css'
Vue.use(VideoPlayer)

接下來，在我們的Vue組件中，我們需要使用video標簽來引入視頻，并設置一些屬性來控制視頻的播放。代碼如下：

上面的代碼中，我們添加了兩個事件監聽器來控制視頻的播放和暫停。當視頻播放時，我們會給video標簽添加一個類名，這個類名會讓視頻顯示白色邊框。當視頻暫停時，我們會把這個類名從video標簽中移除。

最后，我們需要在CSS中添加一些樣式來實現白色邊框的效果。代碼如下：

.video-js.white-border .vjs-tech {
border: 2px solid white;
}

上面的代碼中，我們給.video-js.white-border .vjs-tech這個選擇器添加了一個2像素寬的白色邊框，它會讓視頻看起來更加優美。

到這里為止，我們就成功地實現了用Vue制作白邊視頻的效果。這個效果雖然看起來很簡單，但是它可以讓視頻看起來更加優美，增加視頻的觀賞性。如果你正在進行視頻創作，這個效果一定會讓你的作品更加出色。