问题

一些浏览器会禁止http内容展现在https页面中。比如我们在squarespace里插入一个Youku的视频(Youku嵌入的视频不支持https),就会无法播放

解决方案

我们需要找一个免费的支持https的serve视频的地方。第一个选择就是七牛云,搞了半天发现qiniu的ssl证书是invalid的...
于是又想起了“可怜的”LeanCloud。下载云代码,把要托管的文件放到public下,avoscloud deploy avoscloud publish就好啦,在setting里设置一下web主机的二级域名。就能直接访问了。

squarespace

squarespace比较特别的是它要求embed video,比如youtube之类的用iframe的玩意儿。但国内的那些视频网站基本都不支持https的iframe。好吧,这个也用LeanCloud解决吧。那就写个HTML来解决它。这个HTML要能处理各种Video的请求的话就得读到url里的query。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="content"></div>
<script>
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var videoUrl = getParameterByName('video');
if (typeof videoUrl != 'undefined') {
var node = document.createElement("video");
node.width = window.innerWidth;
node.height = window.innerHeight;
node.autoplay = true
var controlAttr = document.createAttribute('controls');
var srcAttr = document.createAttribute('src');
srcAttr.value = videoUrl;
node.setAttributeNode(srcAttr);
node.setAttributeNode(controlAttr);
document.getElementById('content').appendChild(node);
}
</script>
</body>
</html>

没做任何优化,只处理了video这种query,大概意思就是这样。

Httpsify – 国内视频https托管嵌入相关推荐

  1. 国内视频云市场转入整合阶段

    自2016年,我国视频云市场保持了高速的增长,其中企业远程视频服务.直播等服务的兴起,带动了视频云服务需求快速增长.据专业机构计世资讯的研究结果,2018年中国视频云服务市场规模已经达到31.2亿元, ...

  2. 固态硬盘—国内视频行业的暂时救星?

    [题记]它们是互联网近几年的弄潮儿;它们是变革与创新的代表;它们是各种风投青睐的投资对象;它们改变着人们的生活习惯;它们引领着一个行业的发展--它们就是视频网站.但一切光鲜外表的背后,却是举步维艰的困 ...

  3. 企业视频直播如何嵌入企业微信公众号?

    企业视频直播如何嵌入企业微信公众号? 视频直播嵌入到企业微信公众号的方式,有以下三种: 1.把直播间连接放到微信公众号的自定义菜单键里(推荐方式): 2.图文的阅读原文或者图片文字的超链接: 3.自定 ...

  4. 「浏览器插件」无广告国内视频平台直接播放插件

    前段时间发现一些比较不错的解析国内视频平台的一些 API 接口,很早之前基于这些接口做过一个 Android 端的播放软件,但为了更方便使用吧,于是做了一个 Chrome 的浏览器插件,解析接口也是在 ...

  5. YouTube玩转的自动字幕,为什么被国内视频网站“主动错过”?

    成为中国YouTube,这估计是每一家国内视频网站都曾经设想过的目标. 现在,无论是从全球市场规模.还是从营收规模上来说,YouTube都已经是一个庞然大物.而在国内,至今已难以找到一家能够与YouT ...

  6. 优酷html5视频网站,国内主要视频网站的嵌入方式

    来一篇水文,整理一下国内各大视频网站的视频嵌入方式,或许有一点用处. 爱奇艺.优酷.搜狐视频.腾讯视频.酷6.土豆.乐视. 这些视频站绝大多数都采用 Flash 的方式播放,很多也提供了 iframe ...

  7. 利用视频分享的嵌入代码直接调用播放器

    在网页中直接播放已审批过的视频,可以复制视频下方的分享链接:如我直接插入一段嵌入链接: <iframe src="//player.bilibili.com/player.html?a ...

  8. iPhone,iPad在国外如何看国内视频网站

    很多身在国外的朋友都有这种经历,打开国内的视频网站想看一个电影,突然跳出来"抱歉,该视频只在中国大陆播放,请您观看其它视频",有一种莫名的恼火吧.凭什么啊,咱也是中国人啊... 所 ...

  9. 从B站、爱奇艺、映客的IPO上市,看国内视频公司的内容审核现状

    欢迎访问网易云社区,了解更多网易技术产品运营经验. 中央电视台<经济半小时>栏目 3月30日,中央电视台<经济半小时>栏目讲述了网络上的一个顽症--色情内容.在这期主题为< ...

最新文章

  1. Django models文件模型变更注意事项(表结构的修改)
  2. Linux下多线程查看工具(pstree、ps、pstack),linux命令之-pstree使用说明
  3. 幼儿编程学java不_《终于有人说出来了——Java不适合于作为主要编程教学语言》我的看法...
  4. php配置支持mysql解决本地安装wordpress问题
  5. linux7 共享盘创建,使用CentOS7建立samba文件共享服务器
  6. PRD文档编写与规范
  7. Dubbo新手入门实例HelloWorld(zookeeper)
  8. 我的编程能力是从什么时候开始突飞猛进的?
  9. 统计学习三要素的思考
  10. wordpress主题实现彩色标签云效果
  11. infogan 生成mnist 手写数字
  12. 《电磁学》学习笔记4——磁场高斯定理、安培环路定理、电动势
  13. 「 软件安装 」倍福“TwinCAT 与 WHD 软件安装”教程
  14. 奇虎360 2017校招笔试题
  15. windows下的流氓软件删得彻底点
  16. module() takes at most 2 arguments (3 given)
  17. OLYMP‘ARTS 2023奥艺大会中国推介会在北京盛大举行
  18. Unity自带GL详解
  19. 笔记本固态硬盘和普通硬盘的区别
  20. 如何判断一棵二叉树是完全二叉树

热门文章

  1. 强悍,JS做的开源纵卷轴射击游戏《天机》 | #webgame #javascript
  2. 宝藏学习App,学霸都在用
  3. 溢出处理html,小技巧处理div内容溢出_CSS/HTML
  4. 如何帮助14岁孩子度过青春期
  5. ipad和android手机号码,如何用iPad播放Android手机上的视频
  6. 安卓大学新生报到迎新app_Android studio毕业设计as原生java
  7. 翻译:Fully Convolutional Networksfor Semantic Segmentation
  8. uniapp如何在真机、手机模拟器、微信开发者工具中运行调试
  9. 夜深人静做游戏---之一
  10. ACPI知识(高级配置和电源接口)