web下视频播放

Posted 谭一丹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web下视频播放相关的知识,希望对你有一定的参考价值。

web播放一般都是flv,html播放器,支持的格式较少像flv,mp4,f4v,m3u8。 寻找了几款像VideoJS,Plyr ,ckplayer ,最终选择了ckplayer,

配置如下:

<div id="a1"></div>
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
    var flashvars={
        f:‘http://movie.ks.js.cn/flv/other/1_0.flv‘,
        c:0
    };
    var params={bgcolor:‘#FFF‘,allowFullScreen:true,allowScriptAccess:‘always‘,wmode:‘transparent‘};
    CKobject.embedSWF(‘/ckplayer/ckplayer.swf‘,‘a1‘,‘ckplayer_a1‘,‘600‘,‘400‘,flashvars,params);
</script>

ckplayer支持格式:

技术分享

 

 最终效果

技术分享

在iis服务器上会会出现访问不了MP4文件,注意添加一下mime类型:video/mp4

技术分享

 

以上是关于web下视频播放的主要内容,如果未能解决你的问题,请参考以下文章

当替换片段视频仍在android中播放背景时

Android 7 上的 VideoView 错误

在没有初始化段的情况下播放 mpeg dash 流

使用快速视频自动启动视频

web下视频播放

在 HTML5 Video 中,如何播放长视频中的小片段?