首先 關於vue 是可以直接通過綁定src來或者 顯示在,網上的許多方法都是創建dom元素來重新 append到頁面上 ,這個是能解決問題的 但不是最佳的
首先 你的html寫成這樣
<video ref='video' controls width="100%" height="100%"></video>
注意這裏的 的ref 這裏是後面方便操作 dom元素的
然後 你的 js中
this.$refs.video.src = 你自己的視頻地址
但這個時候 你要注意 這樣直接寫 會有一個 問題就第一次加載的時候 會包這樣的錯誤
Error in v-on handler: "TypeError: Cannot set property 'src' of undefined"
出現這個問題 的原來 就和 我們 平時出現的undefined 是一個 道理,就是 它沒有找到 這個 標籤 你就要使用它
就好比你 先使用某個 變量 但卻沒有聲明它 就直接使用時一個道理
解決的辦法就是 添加一個 一次性定時器 就可以解決了
setTimeout(function () {
_this.$refs.video.src = 你的視頻地址
})
這樣就可以得到 完美的 處理了 而且也不用寫dom元素操作 簡單方便 快捷