博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
视频地址blog加密
阅读量:6164 次
发布时间:2019-06-21

本文共 1095 字,大约阅读时间需要 3 分钟。

/*

JS部分
没处理兼容什么的
*/
  var id='<?php echo $_GET['id'];?>';
  var video = document.getElementById("player");

  window.URL = window.URL || window.webkitURL;

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "?c=kepool&m=blog_zyminute&id="+id, true);
/*
正常我们用AJAX请求的是后台的借口
这里直接请求的是一个.MP4的文件;
如果你的视频文件和你项目没在同一个域下,会有跨域问题的;
*/
  xhr.responseType = "blob";
  xhr.onload = function() {
  if (this.status == 200) {
    var blob = this.response;
    video.onload = function(e) {
    window.URL.revokeObjectURL(video.src);
  };
  video.src = window.URL.createObjectURL(blob);
  }
  }
  xhr.send();

服务器端要配置允许CORS,

允许example.com的应用在www.example2.com上跨域提取数据

在nginx.conf里找到server项,并在里面添加如下配置

1
2
3
4
5
6
7
8
location /{
 
add_header 
'Access-Control-Allow-Origin' 
'http://example.com'
;
add_header 
'Access-Control-Allow-Credentials' 
'true'
;
add_header 
'Access-Control-Allow-Headers' 
'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Requested-With'
;
add_header 
'Access-Control-Allow-Methods' 
'GET,POST,OPTIONS'
;
...
}

 

转载于:https://www.cnblogs.com/liliuguang/p/10007226.html

你可能感兴趣的文章
Java 静态代理、Java动态代理、CGLIB动态代理
查看>>
使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
查看>>
Java 多线程 之 Runnable
查看>>
实验三 :欺骗
查看>>
【99JS手记】之一:nth-child选择器
查看>>
oracle日期处理函数
查看>>
python3.6 - threading 多线程编程基础(1)
查看>>
Linux学习总结(四)-两种模式修复系统,单用户,救援模式
查看>>
DB2 V10.5 PureScale支持HADR
查看>>
msscript 64位找不到的替代方法
查看>>
css base64 图片背景
查看>>
中文编程汉语编程开发的大型管理软件案例
查看>>
mysql优化
查看>>
svn添加提交备注限制和自动发布web项目
查看>>
Linux---管理网络
查看>>
与国共庆,与家携行
查看>>
Linux 启动流程学习
查看>>
比较awk python: [文件]web日志信息统计 。 [命令]netstat命令状态统计
查看>>
PHP如何有效实现多视频同时上传功能
查看>>
strtus2 与springmvc
查看>>