<el-table-column prop="videoPath"  label="視頻" align="center">

    <template slot-scope="scope">

      <div v-show="scope.row.videoPath">

        <video :src="scope.row.videoPath" width="100" preload :autoplay="false" controls controlslist="noplaybackrate noplaybackrate "></video>

      </div>

    </template>

 </el-table-column>

 

1、autoplay
布爾屬性；指定后，視頻會馬上自動開始播放，不會停下來等著數(shù)據(jù)載入結(jié)束。

2、buffered

這個屬性可以讀取到哪段時間范圍內(nèi)的媒體被緩存了。該屬性包含了一個 TimeRanges 對象。

3、controls
加上這個屬性，Gecko 會提供用戶控制，允許用戶控制視頻的播放，包括音量，跨幀，暫停/恢復(fù)播放。

4、loop
布爾屬性；指定后，會在視頻結(jié)尾的地方，自動返回視頻開始的地方。

5、muted
布爾屬性，指明了視頻里的音頻的默認設(shè)置。設(shè)置后，音頻會初始化為靜音。默認值是false，意味著視頻播放的時候音頻也會播放 。

6、height
視頻展示區(qū)域的高度，單位是CSS像素。

7、width
視頻顯示區(qū)域的寬度，單位是CSS像素。

8、preload
該枚舉屬性旨在告訴瀏覽器作者認為達到最佳的用戶體驗的方式是什么

9、controls

當video標簽使用controls屬性的時候。pc電腦會顯示三個點，可以利用controlslist屬性進行設(shè)置

 

<video ref="video"  controls :src="url" controlslist="nodownload nofullscreen noremoteplayback noplaybackrate"></video>

 

（1）nodownload: 不要下載按鈕
（2）nofullscreen: 不要全屏按鈕
（3）noremoteplayback: 不要遠程回放
（4）disablePictureInPicture 不要畫中畫 按鈕
（5）noplaybackrate 不要播放速度按鈕
新版chrome瀏覽器可以去掉video播放自帶的"播放速度"

10、src

要嵌到頁面的視頻的 URL。可選；你也可以使用 video 塊內(nèi)的 <source> 元素來指定需要嵌到頁面的視頻。

原文鏈接：https://i.cnblogs.com/posts/edit;postId=17244135