视频播放

Posted 2020-08-06 乐少007

近日公司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