jwplayer兼容主流视频格式播放

收藏

前段时间在群里有个叫詹总的，要求能在线播放各类视频，前一篇文章视频播放jppalyer不能兼容mp4等视频格式。恰到坛子里闲逛时，发现了这款视频神器，遂把这些整理了下分享给大家。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

首先我们定义一个视频播放容器#jwplayer和用于jwplayer视频插件播放的#player

<div id="jwplayer" style="background: transparent !important; margin:0 auto; width:400px; height:270px; overflow:hidden;">
  <div id="player"></div>
 </div>

接着我们引入jwplayer.js，该视频插件不需要jQuery库支持。

<script type="text/javascript" src="jwplayer.js"></script>

jQuery

调用jwplayer视频插件：

jwplayer("player").setup({ //通过js调用播放器并安装到指定容器（#player）内
    skin: "glow.zip",//填写皮肤swf文件的直链地址
    stretching: "fill",//锁定高宽比填满屏幕
    flashplayer: "player.swf",//调用播放器
    image: "screen.jpg",//视频预览图片
    width: 400,//播放器宽
    height: 270,
    levels: [{file: "video.mp4"}] ////调用视频文件
});