技術標籤：js

Video src Blob加密路徑

一種是Java 生成 Blob 二進位制流 咱不會

另一種是前端 window.URL 生成的Blob的方式

----html-----

 <video id="my-video" class="video-js" playsinline controls preload="auto" controlslist="nodownload" controlslist="nofullscreen">   
  </video>
 

----js----

var video = document.getElementById("my-video");

        window.URL = window.URL || window.webkitURL; //用來判斷電腦系統window.webkitURL和window.URL是一樣的，window.URL標準定義，window.webkitURL是webkit核心的實現，一般手機上就是使用這個，還有火狐等瀏覽器的實現。
        var xhr = new XMLHttpRequest();  // 實現資料請求 進行http協議的通訊
        var
 
 play_url = "test.mp4" //網上的視訊地址
        **注意，大部分視訊地址都有跨域問題，在伺服器上應設定好跨域的問題方便前端請求使用**
        xhr.open("GET", play_url, true);  //開啟一個地址，請求型別 地址 非同步或同步 
        xhr.responseType = "blob";  // 設定返回值 為blob物件    
        xhr.onload = function (e) { //請求後要執行的函式
            if (this.
 
status == 200) { //成功 
                var blob = this.response;  // 請求成功獲取的引數 賦值給 “blob”
                console.log(blob);
                video.src = window.URL.createObjectURL(blob); //建立一個物件 視訊只需要獲取一次， 獲取一次後，就需要釋放這個物件。
                // video.onload = function () { //獲取到video 後執行的函式 ？
                    // window.URL.revokeObjectURL(video.src); //釋放這個物件
                // };
            }
        }
        xhr.send(); //傳送請求

這樣就可以進行src 路徑加密了， 改方法來源於網路。

常見問題
視訊路徑請求跨域問題
視訊加密會造成視訊載入過慢，具體更具視訊大小來。