jwplayer兼容主流视频格式播放

首先我们定义一个视频播放容器#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>

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