由于手中的一个项目需要在网页内嵌一个视频播放器，在内嵌视频播放器的选择中，本着简单且易用原则，选出来一款比较优质的播放器：JW Player

一.JW Player 简介


JW Player是当今最流行的开源Flah网页播放器，可播放Adobe Flash Player所支持的媒体，具体包括：FLV、MP4、MP3、AAC、JPG、PNG和GIF等，还支持RTMP、HTTP、实时视频流、各种播放清单格式、灵活的设置和广泛的javascript API。此外它还提供多种外观、功能性插件来扩展播放器，以便我们可以分享、推荐、搜索、分析甚至广告投放。JW Player的github地址：https://github.com/JWPlayer


二.安装


1.官网提供的版本仅限付费用户下载，我们可以在CSDN网站的资料库里面用积分下载JW player的最新版本，CSDN的资料库地址我们不贴在这个地方了。
当然有付费定制需求的也可以去官方网站，升级账户级别，获取可以定制修改的版本，官网链接：https://www.jwplayer.com/

2.将下载后的压缩文件解压至桌面，我解压的位置为C:\Users\hzmou\Desktop\jwplayer。

3.将测试视频jwplayer-30s.mp4和zzw.mp4拖入该文件夹，然后新建一个test.html，填入如下代码：

[HTML] 纯文本查看 复制代码

<meta http-equiv="content-type" content="txt/html; charset=utf-8" />
<script type="text/javascript" src="jwplayer.js"></script>
<script>jwplayer.key="修改为自己的key";//修改为自己的key，也可以百度到一大把key</script>
<div id="player">
Loading...
</div>
<script type="text/javascript">
jwplayer("player").setup({
    "file": "jwplayer-30s.mp4",//视频文件路径
    "aspectratio": "16:9",//播放器自适应比例
    "height": "640",//播放器宽度
    "height": "480",//播放器高度
    "type":"mp4",//播放文件类型（可选）
    "title": "测试标题",//标题（可选）
    "description": "测试描述",//描述（可选）
    "image": "zzw.jpg",//视频封面（可选）
    "repeat":"false",//重复播放（留空则不重复播放）
    "autostart":"false",//自动播放（留空则不启用自动播放）
});
</script>

播放效果如下图所示：

视频的名字不要输错了，否则提示：Error loading player:No playable sources found，将测试视频更换为zzw.mp4后再次使用相同方法测试，发现播放器报错，提示信息为：Flash plugin failed to load其实这个提示信息带有一定的误导性，让人觉得浏览器的Flash插件没有安装好，但是一次一次的重新安装插件后，仍然提示该错误。后经过百度搜索各种解决方案，发现JW Player应该部署在web服务器中，也就是说双击html这种使用方法是不正确的。

4.使用ftp软件将解压后的JW Player文件夹上传到自己的网站环境中，输入test.html的URL地址，发现显示正常，播放效果如下：


5.视频的显示位置和大小可以在之前的文件中进行修改，这里由于只是测试，对于视频大小和显示位置没有修改。


6.JW Player播放器的强大不仅仅在于播放本地视频，它还可以修改参数，用来播放在线rtmp流，具体操作这里不再赘述，请自己百度搜索相关设置。

感谢为软院网视频播放提供技术支持 youku等视频网站的托管服务太贵了 一年好几千大洋