Httpsify – 国内视频https托管嵌入
问题
一些浏览器会禁止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托管嵌入相关推荐
- 国内视频云市场转入整合阶段
自2016年,我国视频云市场保持了高速的增长,其中企业远程视频服务.直播等服务的兴起,带动了视频云服务需求快速增长.据专业机构计世资讯的研究结果,2018年中国视频云服务市场规模已经达到31.2亿元, ...
- 固态硬盘—国内视频行业的暂时救星?
[题记]它们是互联网近几年的弄潮儿;它们是变革与创新的代表;它们是各种风投青睐的投资对象;它们改变着人们的生活习惯;它们引领着一个行业的发展--它们就是视频网站.但一切光鲜外表的背后,却是举步维艰的困 ...
- 企业视频直播如何嵌入企业微信公众号?
企业视频直播如何嵌入企业微信公众号? 视频直播嵌入到企业微信公众号的方式,有以下三种: 1.把直播间连接放到微信公众号的自定义菜单键里(推荐方式): 2.图文的阅读原文或者图片文字的超链接: 3.自定 ...
- 「浏览器插件」无广告国内视频平台直接播放插件
前段时间发现一些比较不错的解析国内视频平台的一些 API 接口,很早之前基于这些接口做过一个 Android 端的播放软件,但为了更方便使用吧,于是做了一个 Chrome 的浏览器插件,解析接口也是在 ...
- YouTube玩转的自动字幕,为什么被国内视频网站“主动错过”?
成为中国YouTube,这估计是每一家国内视频网站都曾经设想过的目标. 现在,无论是从全球市场规模.还是从营收规模上来说,YouTube都已经是一个庞然大物.而在国内,至今已难以找到一家能够与YouT ...
- 优酷html5视频网站,国内主要视频网站的嵌入方式
来一篇水文,整理一下国内各大视频网站的视频嵌入方式,或许有一点用处. 爱奇艺.优酷.搜狐视频.腾讯视频.酷6.土豆.乐视. 这些视频站绝大多数都采用 Flash 的方式播放,很多也提供了 iframe ...
- 利用视频分享的嵌入代码直接调用播放器
在网页中直接播放已审批过的视频,可以复制视频下方的分享链接:如我直接插入一段嵌入链接: <iframe src="//player.bilibili.com/player.html?a ...
- iPhone,iPad在国外如何看国内视频网站
很多身在国外的朋友都有这种经历,打开国内的视频网站想看一个电影,突然跳出来"抱歉,该视频只在中国大陆播放,请您观看其它视频",有一种莫名的恼火吧.凭什么啊,咱也是中国人啊... 所 ...
- 从B站、爱奇艺、映客的IPO上市,看国内视频公司的内容审核现状
欢迎访问网易云社区,了解更多网易技术产品运营经验. 中央电视台<经济半小时>栏目 3月30日,中央电视台<经济半小时>栏目讲述了网络上的一个顽症--色情内容.在这期主题为< ...
最新文章
- Django models文件模型变更注意事项(表结构的修改)
- Linux下多线程查看工具(pstree、ps、pstack),linux命令之-pstree使用说明
- 幼儿编程学java不_《终于有人说出来了——Java不适合于作为主要编程教学语言》我的看法...
- php配置支持mysql解决本地安装wordpress问题
- linux7 共享盘创建,使用CentOS7建立samba文件共享服务器
- PRD文档编写与规范
- Dubbo新手入门实例HelloWorld(zookeeper)
- 我的编程能力是从什么时候开始突飞猛进的?
- 统计学习三要素的思考
- wordpress主题实现彩色标签云效果
- infogan 生成mnist 手写数字
- 《电磁学》学习笔记4——磁场高斯定理、安培环路定理、电动势
- 「 软件安装 」倍福“TwinCAT 与 WHD 软件安装”教程
- 奇虎360 2017校招笔试题
- windows下的流氓软件删得彻底点
- module() takes at most 2 arguments (3 given)
- OLYMP‘ARTS 2023奥艺大会中国推介会在北京盛大举行
- Unity自带GL详解
- 笔记本固态硬盘和普通硬盘的区别
- 如何判断一棵二叉树是完全二叉树
热门文章
- 强悍,JS做的开源纵卷轴射击游戏《天机》 | #webgame #javascript
- 宝藏学习App,学霸都在用
- 溢出处理html,小技巧处理div内容溢出_CSS/HTML
- 如何帮助14岁孩子度过青春期
- ipad和android手机号码,如何用iPad播放Android手机上的视频
- 安卓大学新生报到迎新app_Android studio毕业设计as原生java
- 翻译:Fully Convolutional Networksfor Semantic Segmentation
- uniapp如何在真机、手机模拟器、微信开发者工具中运行调试
- 夜深人静做游戏---之一
- ACPI知识(高级配置和电源接口)