一、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 href="http://videojs.com/html5-video-support/" 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>

三、效果图如下:

最新文章

  1. C#反射机制(转)
  2. Python核心编程-闭包
  3. Extjs中grid表头内容居中
  4. ORACLE REFERENCES FRO TEST
  5. Cocos2d-x 创建(create)动画对象CCAnimation报错分析
  6. iOS UITextView 根据输入text自适应高度
  7. 【开发技术】Eclipse设置软tab(用4个空格字符代替)及默认utf-8文件编码(unix)
  8. 类Math
  9. vertx的Actor模型实现
  10. nginx官方模块之http_sub_status_module
  11. 最经典的常用拍照姿势大全,顶级POSE
  12. 【洛谷p1031】均分纸牌
  13. 全网最全的Windows下Anaconda2 / Anaconda3里正确下载安装用来向微信好友发送消息的itchat库(图文详解)
  14. Kafka:ZK+Kafka+Spark Streaming集群环境搭建(二十四)Structured Streaming:Encoder
  15. Golang之并发篇
  16. 552. Student Attendance Record II
  17. SQL语句实现不存在即插入,存在则increase某字段的功能insert into … on duplicate key update
  18. 在linux下编译线程程序undefined reference to `pthread_create&#39;
  19. word2vec Explained: deriving Mikolov et al.&#39;s negative-sampling word-embedding method
  20. 在Oracle中利用SQL_TRACE跟踪SQL的执行

热门文章

  1. Virtualbox 修改硬盘的序列号等信息 例
  2. VLDB 2019:
  3. zz致力于变革未来的智能技术
  4. zzTensorflow技术内幕:
  5. LeetCode 21. Merge Two Sorted Lists合并两个有序链表 (C++)
  6. ESP8266 LUA脚本语言开发: 准备工作-LUA开发说明
  7. Linux进程和计划任务管理
  8. Linux性能优化实战学习笔记:第五十六讲
  9. mongodb 系列 ~ mongo 用户验证系列
  10. 用友U8根据客户简称/供应商简称的拼音首字母生成助记码