首页 > 代码库 > 视频播放
视频播放
近日公司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
视频播放