javascript實現(xiàn)blob加密視頻源地址的方法
更新時間：2019年08月08日 08:35:56 作者：dreams7433
這篇文章主要介紹了javascript實現(xiàn)blob加密視頻源地址的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
一、HTML代碼：
<video id="my-video" class="video-js" playsinline controls preload="auto" controlslist="nodownload" controlslist="nofullscreen" width="100%" height="240"
poster="upload/moviepic/2019-08-02/1564739500xyzp.png" data-setup="{}">
<source src="" type="video/mp4">
<source src="" type="video/ogg">
<source src="" type="video/webm">
<p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a target="_blank">supports HTML5 video</a> </p>
</video>
二、JavaScript代碼：
<script type="text/javascript">
var video = document.getElementById("my-video");
window.URL = window.URL || window.webkitURL;
var xhr = new XMLHttpRequest();
var play_url = 'test.mp4';
xhr.open("GET", play_url, true);
xhr.responseType = "blob";
xhr.onload = function() {
if (this.status == 200) {
var blob = this.response;
console.log(blob);
video.onload = function(e) {
window.URL.revokeObjectURL(video.src);
};
video.src = window.URL.createObjectURL(blob);
}
}
xhr.send();
</script>
三、效果圖如下：
總結(jié)
以上所述是小編給大家介紹的javascript實現(xiàn)blob加密視頻源地址的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
P3P Header解決Cookie跨域的問題，需要的朋友可以參考一下2013-03-03
javascript之典型高階函數(shù)應(yīng)用介紹二
在前一篇文章javascript之典型高階函數(shù)中主要實現(xiàn)了幾個典型的functional函數(shù),文章最后也提出了疑問，為啥那樣的實現(xiàn)與F#之類的函數(shù)式語言“不太一樣”呢？今天來試試更“函數(shù)式”的實現(xiàn)2013-01-01
JavaScript實現(xiàn)x秒后自動跳轉(zhuǎn)到一個頁面
今天看視頻學(xué)習(xí)時學(xué)習(xí)了一種新技術(shù)，即平時我們在一個頁面點擊“提交”或“確認(rèn)”會自動跳轉(zhuǎn)到一個頁面,在網(wǎng)上搜了一下，關(guān)于這個技術(shù)處理有多種方法,有興趣的朋友可以參考下2013-01-01
Kettle中使用JavaScrip調(diào)用jar包對文件內(nèi)容進行MD5加密的操作方法
這篇文章主要介紹了Kettle中使用JavaScrip調(diào)用jar包對文件內(nèi)容進行MD5加密的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-09
客戶端 使用XML DOM加載json數(shù)據(jù)的方法
我們?nèi)〕鰯?shù)據(jù)后可以以json的形式傳到前端處理，也可以以Xml Dom的形式傳到前端進行處理。下邊例子是利用Jquery處理XML Dom的例子。2010-09-09
寫個播放器應(yīng)付復(fù)習(xí)，因為Ajax涉及到跨域獲取天氣信息，有兩個版本，一個是直接跨域，IE10支持，其他的瀏覽器要改配置2013-05-05
今天，這篇文章將利用HTML，CSS，JS的知識編寫一個童年經(jīng)典游戲?-?推箱子，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-11-11
本文通過實例代碼給大家介紹了JS中定位 position 的使用，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-08-08
帶你領(lǐng)略O(shè)bject.assign()方法的操作方式
這篇文章主要介紹了帶你領(lǐng)略O(shè)bject.assign()方法的操作方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08