码迷,mamicode.com
首页 > 其他好文 > 详细

视频播放

时间:2016-09-02 20:21:20      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

近日公司APP项目有播放视频的需求
一般我们本地写demo,直接使用video标签即可实现播放视频
为了减少服务器压力,选择了,乐视云视频服务。即把视频上传到乐视云视频,获取传给我的URL地址即可。
这样获得的url链接是http形式的

运维安全部的同事,为了安全起见,采取了https访问的形式
这样导致https和视频链接http在ios系统下的不兼容!不能播放.

眼下,优酷,腾讯,乐视等视频商,无不是http外链格式的

针对,目前我司需求的,也可以解决;百思不得其解,之后,得到一知半解;
分析尝试如下

方案A: 链接到视频服务商的M站(移动端网站),百度旗下有产品链到爱奇艺的M站

方案B: 搭建自己公司内部的,视频服务器,然运维成本高……

方案C: 配置nginx,走反向代理,也可以实现!然,反向代理需要服务点配合,这个实现相当于走自己服务器流量,
如果将来,量大了,担心扛不住

方案D: APP原生技术实现的话,ios做向下兼容,允许http.更新乐视sdk可以实现

方案F: 使用iframe框架,引用七牛云存储的外链https格式的mp4格式的视频,实现各种适配兼容播放

 

综合考虑,协调之后,我司暂定采取方案F来实现!
附:七牛云https自带了CDN加速,且按照流量来收费!

 

----------------- h5标签video直接实现-------------------

<video src="https://o6yh618n9.qnssl.com/%287%29%20Twitter.MP4" controls="controls" width="800" height="800">
your browser does not support the video tag
</video>
-------------------h5标签video直接实现-----------------

 


--------------------引用优酷url实现播放----------------

<embed src="http://player.youku.com/player.php/sid/XMTY5NDU5MDQ1Ng==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
--------------------引用优酷url实现播放----------------

 

---------------------使用iframe框架引用七牛云https视频实现播放--------------------

<div class="https-box">
<iframe width="100%" height="100%" frameborder="0" scrolling="auto" noresize="noresize" src="https://o6yh618n9.qnssl.com/%287%29%20Twitter.MP4"></iframe>
</div>
---------------------使用iframe框架引用七牛云https视频实现播放--------------------

 

 

参考链接:七牛官网 http://www.qiniu.com/


感谢young,hassan等大侠的指点

感谢群内各位大侠指点,得以完善,实现!

参考下载地址:http://files.cnblogs.com/files/leshao/video-play.rar

 

视频播放

标签:

原文地址:http://www.cnblogs.com/leshao/p/5834538.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!