欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實(shí)現(xiàn)blob加密視頻源地址的方法

 更新時(shí)間:2019年08月08日 08:35:56   作者:dreams7433  
這篇文章主要介紹了javascript實(shí)現(xiàn)blob加密視頻源地址的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

 一、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實(shí)現(xiàn)blob加密視頻源地址的方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!

相關(guān)文章

  • JavaScript 事件冒泡應(yīng)用實(shí)例分析

    JavaScript 事件冒泡應(yīng)用實(shí)例分析

    在一些傳統(tǒng)的小型WEB應(yīng)用開發(fā)過程中,JavaScript通常只是拿來做表單驗(yàn)證而以,所以你很少會(huì)遇到因?yàn)镴avaScript事件冒泡而影響功能的實(shí)現(xiàn)情況,又或者事件冒泡對(duì)最終實(shí)現(xiàn)效果影響不大,可忽略。
    2010-01-01
  • 淺談Javascript事件模擬

    淺談Javascript事件模擬

    事件是用來描述網(wǎng)頁中某一特定有趣時(shí)刻的,眾所周知事件通常是在由用戶和瀏覽器進(jìn)行交互時(shí)觸發(fā),其實(shí)不然,通過Javascript可以在任何時(shí)間觸發(fā)特定的事件,并且這些事件與瀏覽器創(chuàng)建的事件是相同的
    2012-06-06
  • javascript幀動(dòng)畫(實(shí)例講解)

    javascript幀動(dòng)畫(實(shí)例講解)

    下面小編就為大家?guī)硪黄猨avascript幀動(dòng)畫(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-09-09
  • JavaScript設(shè)計(jì)模式之單件模式介紹

    JavaScript設(shè)計(jì)模式之單件模式介紹

    這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單件模式介紹,單件模式,就是靜態(tài)化的訪問中已經(jīng)實(shí)例化的對(duì)象,這個(gè)對(duì)象只能通過一個(gè)唯一的入口訪問,已經(jīng)實(shí)例或待實(shí)例化的對(duì)象,需要的朋友可以參考下
    2014-12-12
  • js使下拉列表框可編輯不止是選擇

    js使下拉列表框可編輯不止是選擇

    下拉列表框默認(rèn)情況下是不可編輯的,下面為大家介紹個(gè)不錯(cuò)的方法可以使下拉列表框可編輯,具體實(shí)現(xiàn)如下,需要的朋友可以參考下
    2013-12-12
  • 解決JS無法調(diào)用Controller問題的方法

    解決JS無法調(diào)用Controller問題的方法

    這篇文章主要介紹了解決JS無法調(diào)用Controller問題的方法,需要的朋友可以參考下
    2015-12-12
  • js動(dòng)態(tài)往表格的td中添加圖片并注冊(cè)事件

    js動(dòng)態(tài)往表格的td中添加圖片并注冊(cè)事件

    這篇文章主要介紹了使用js動(dòng)態(tài)往表格的td中添加圖片并注冊(cè)事件,需要的朋友可以參考下
    2014-06-06
  • JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧

    JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧

    當(dāng)一個(gè)項(xiàng)目經(jīng)過持續(xù)迭代,不斷增加功能,逐漸變成一個(gè)復(fù)雜的產(chǎn)品時(shí),新功能的開發(fā)變得相對(duì)困難,其中一個(gè)很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護(hù)性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來優(yōu)化前端代碼的圈復(fù)雜度
    2023-10-10
  • javasctipt如何顯示幾分鐘前、幾天前等

    javasctipt如何顯示幾分鐘前、幾天前等

    這篇文章主要介紹了javasctipt如何顯示幾分鐘前、幾天前等,需要的朋友可以參考下
    2014-04-04
  • 代碼整潔之道(重構(gòu))

    代碼整潔之道(重構(gòu))

    這篇文章主要介紹了代碼整潔之道(重構(gòu)),不管對(duì)于何種語言,重構(gòu)都是軟件開發(fā)過程中不可或缺的一部分,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-10-10

最新評(píng)論