寫vue項目的時候，寫到了一個視頻播放功能，用到了阿里雲播放器， 記錄一下，獲取當前視頻時長的筆記。 首先用setInterval方法，讓她十秒獲取一下當前的視頻播放的時長。 其次用阿里雲文檔自帶的getCurrentTime方法獲取當前的播放時長 ...

用的vue組件是vue-video-player，可以去百度下怎么引入到項目中： 因為這個組件是基於H5video實現的，視頻格式有所限制，而且MP4不是H264的也不行。轉碼可以看下我上篇博客，地址 新增視頻數據庫保存地址為：/static/upload/video/ + 資源名； 但是視頻 ...

1.創建接口，根據視頻id獲取視頻播放憑證 2.ConstantVodUtils工具類 3.InitVodCilent ...

方式有多種，我使用的是比較笨拙的方式 第一步，通過index.html 引入阿里雲需要的js插件，js文件最好放在cdn上,XXX為cdn地址 第二步，vue代碼實現 1、定義變量 2、獲取上傳憑證 onFileChange ...

視頻播放參照地址：https://www.cnblogs.com/konglxblog/p/15116534.html 一、開通視頻點播雲平台 1、選擇視頻點播服務（收費） 阿里雲地址：https://www.aliyun.com/activity/618/2021?spm ...

　　阿里雲視頻點播在蘋果和安卓播放視頻的效果不一樣，在Android手機上，X5瀏覽器會劫持Video標簽用播放器彈出全屏播放，處於最上層，覆蓋DOM元素。導致頁面不能繼續滑動，現在想在安卓環境下播放視頻時頁面能夠繼續滾動。 　　根據阿里雲視頻點播文檔，需要在安卓端微信或qq瀏覽器啟用同層播放 ...

一.開通阿里雲的視頻點播服務(需要先實名認證) 　　可以選擇按照流量計費 二.管理控制台(一般運維才有權限) 　　1.可以看到阿里雲視頻點播文件 　　2.可以上傳視頻文件 　　3.可以設置轉碼模版組(一般需要收費的視頻都是經過轉碼加密成hls格式) 三.實現上傳視頻文件 　　1. ...

<button @click="play = !play">播放</button> <video src="./video/rpa10.0.mp4" autoplay v-if="play"></video> data() { return ...