jwplayer兼容主流视频格式播放

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

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"}] ////调用视频文件
});