1、调用CSS样式:
<link rel="stylesheet" href="css/style.css">
2、调用JS插件代码:
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、初始化配置:
<script type="text/javascript">
jwplayer("player").setup({//通过js调用播放器并安装到指定容器(#player)内
skin: "jwplayer/glow.zip", //填写皮肤swf文件的直链地址
stretching: "fill", //锁定高宽比填满屏幕
flashplayer: "jwplayer/player.swf", //调用播放器
image: "jwplayer/screen.jpg", //视频预览图片
width: '100%', //播放器宽
//height: 270,
levels: [{file: "jwplayer/video.mp4"}] ////调用视频文件
});
</script>