蓝点网
给你感兴趣的内容!

[解决方案] 全站 HTTPS 化后如何插入国内的视频网站内容

随着网络环境的恶化全球顶级的科技公司们都在推行 HTTPS 加密连接,目前看起来还是卓有成效的。

目前已经有越来越多的网站开始使用 HTTPS 加密通讯来保护网站内容不被劫持或者用户信息不被窃取。

遗憾的是就国内现在 HTTPS 的状况来看情况并不是那么好,尤其是对于国内的视频网站到现在没有一家采用 HTTPS 全站加密,而国外至少使用 YouTube 就可以满足需求。

这对于已经进行 HTTPS 化的网站来说就是比较悲剧的问题了,因为引用视频的话在 HTTPS 下是不会显示的。

蓝点网也遇到了这种比较棘手的情况,但在 V2EX 和知乎上查询的解决方案要么由于技术问题、要么就是成本问题根本无法进行使用。

在经过一段时间的折腾后我们发现了一些折中的方案,虽然地址栏的绿色小锁会没了但至少可以播放。

方案一:直接下载视频托管在自己服务器上

这种解决方案实际上并没有什么意义,因为对于大视频来说放到自己服务器上仅仅是流量和带宽就无法满足。

但对于小视频而言(比如低于 3MB)在我们的服务器能够承载的情况下那么自然可以直接进行托管。

[解决方案] 全站HTTPS化后如何插入国内的视频网站内容

蓝点网的部分文章中就有这类形式的视频,直接通过 HTML 5 代码嵌入视频即可播放并且浏览器不会报警。

那么对于大视频文件来说依靠我们自己服务器无法承载也就只能想办法找中转方案用其他的视频网站了。

方案二:使用优酷嵌入式代码加载 HTTPS 视频

下图中分别是从优酷视频播放页获取的 HTML 代码和经过改进的 HTML 代码

[解决方案] 全站HTTPS化后如何插入国内的视频网站内容

其中有区别的地方我们已经用红线和红圈标记出来了,从第二段代码的写法或许你就知道了后面这段是支持 HTTPS 进行播放的。

首先可以明确的是优酷子域名 Player、V 都是不支持 HTTPS 连接的,但奇葩的是 Static 域名却是加密的。

那么第二个视频地址又是从哪里获取到的呢?非常简单:直接打开第一段中 src 后面的地址就可以得到第二段的视频地址。

在测试中我们发现 static.youku.com 是支持 HTTPS 的,而这两处代码实际上都是一个视频。

那么就简单了:直接将 static 开头的地址替换掉 player 地址那么在 HTTPS 下就可以进行播放了,于是这个问题被解决了。

不过遗憾的是虽然可以播放但依然会加载 HTTP 内容导致浏览器地址栏的小绿锁会消失,所以目前也只能达到这种状态了。

另外需要提醒的是上述代码都需要 Adobe Flash Player 支持,因此建议在视频前单独增加视频在优酷的页面方便移动用户直接点击 URL 进入优酷进行观看。

PC 上启用 Flash Player 是可以播放的,移动设备上看起来是直接空白的所以记得多增加一下原地址。

如果你有更好的解决方案或者说上述代码中依然有改进空间那么也欢迎留言进行交流,谢谢。

转载请注明来源于蓝点网及本文链接:蓝点网 » [解决方案] 全站 HTTPS 化后如何插入国内的视频网站内容
分享到: (0)
以下评论内容由网友保留所有权,除非特别注明否则所有评论均不代表本站观点!

评论 7

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #4
    Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 10 x64 Edition Windows 10 x64 Edition

    优酷是可以开启 https 的,不过需要申请优酷视频云应用,在应用里面获取视频代码,可以选择开启 https 来操作。腾讯视频现在已经开启 https 了,可以直接插入,而且如果直接利用通用代码 iframe 手机端也是可以直接播放的。

    carlzhang2个月前 (12-27)回复
    • Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 10 x64 Edition Windows 10 x64 Edition

      腾讯的最近开了 但不彻底

      山外的鸭子哥2个月前 (12-27)回复
  2. #3
    Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 10 x64 Edition Windows 10 x64 Edition

    刚在斗鱼看直播,发现了这个 https://v.douyu.com 提示正在内测。 另一个可选项。现在内容肯定不行,看以后了

    1Q942个月前 (12-16)回复
  3. #2
    Google Chrome 55.0.2883.75 Google Chrome 55.0.2883.75 Windows 10 x64 Edition Windows 10 x64 Edition

    这个问题从我强制 https 之后,一直想办法解决,到最后放弃。以前 https 下貌似可以引用腾讯视频的。。。

    1Q943个月前 (12-09)回复
    • Google Chrome 54.0.2840.99 Google Chrome 54.0.2840.99 Windows 10 x64 Edition Windows 10 x64 Edition

      那就试试我这个办法吧

      山外的鸭子哥3个月前 (12-09)回复
      • Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 10 x64 Edition Windows 10 x64 Edition

        刚在斗鱼看直播,发现了这个 https://v.douyu.com 提示正在内测。 另一个可选项。现在内容肯定不行,看以后了

        1Q942个月前 (12-16)回复
  4. #1
    Maxthon 5.0.1.3000 Maxthon 5.0.1.3000 Windows 10 x64 Edition Windows 10 x64 Edition

    国内的视频网站真的是技术更新好慢。。。不过也难怪,毕竟不怎么赚钱。。。

    xlwindy3个月前 (12-09)回复