如何解决七牛web播放器直播不了失败

 前端技术   高蒙   阅读(478)   评论(0)   2018-07-31 15:51:53    直播 播放器 七牛 


使用七牛Web播放器直播和录播视频的时候,发现一个问题。同样的配置参数在PC端无法播放,但是在移动端就可以正常的使用。

尝试各种方法之后,找到了问题的所在,将engineOrder这个参数配置下,默认是 ['html5', 'flash'] 将其修改为 ['flash', 'html5']就可以两端正常直播播放了。

配置修改为:

<video id="demo-video" class="video-js vjs-big-play-centered"></video>
<script>
    var options = {
        controls: true,
        engineOrder : ['flash','html5'],
        autoplay    : true,
        preload     : 'auto',
        file        : "xxx.m3u8",
        type        : "hls"
    };
    var player = new QiniuPlayer('demo-video', options);
</script>


注意:如果还是遇到播放不了的情况,在切换下engineOrder参数试试。


题外话:

使用七牛web播放器真的很简单:

官方文档:https://developer.qiniu.com/pili/sdk/4621/web-player-sdk

加载js,css可以直接使用提供的cdn

<link href="https://player.qiniucc.com/sdk/latest/qiniuplayer.min.css" rel="stylesheet">
<script src="https://player.qiniucc.com/sdk/latest/qiniuplayer.min.js"></script>

页面配置如下:

<video id="demo-video" class="video-js vjs-big-play-centered"></video>
<script>
    var options = {
        controls: true,
        engineOrder : ['html5','flash'],
        autoplay    : true,
        preload     : 'auto',
        file        : "xxx.m3u8",
        type        : "hls"
    };
    var player = new QiniuPlayer('demo-video', options);
</script>

简单的配置即可支持web端在线直播与播放视频的功能。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客