用jPlayer实现网页在线视频播放

最近项目要做一个视频在网页在线播放的小功能，提供的视频是swf格式的，辗转在网上找了不少插件，例如CKPlayer，flvPlayer，folwplayer等，但都未能尽如人意。

最后沟通了下，让业务方提供了MP4格式的视频，然后采用Jplayer来播放，总算达到了效果，网页兼容性，使用便捷等各方面都满足需求，且关键是该播放插件的视频播放界面不会有LoGo显示，唯一的一个logo也可以通过自己PS图片来去掉播放按钮的logo。如下图：



简单PS一下，即可，如图：



1：该图片文件位置为jPlayer-2.9.2\dist\skin\blue.monday\image

2：官网的demo中没有使用自动播放，如果需要自动播放，只需如下代码（红色部分）：

$(function() { // executed when $(document).ready()

$("#jpId").jPlayer( {

ready: function () {

$(this).jPlayer("setMedia", {

m4v: "http://www.myDomain.com/myVideo.m4v" // Defines the m4v url

}).jPlayer("play");
// Attempts to Auto-Play the media

},

supplied: "m4v",

swfPath: "jPlayer/js"

});

});

3. 在本地尝试时，会发现IE8下没法播放视频，实际最后部署到服务器后，IE8下是没问题的，具体原理还没搞懂........

JPlayer官方网址： 中文版 http://www.jplayer.cn/ 英文原版： http://www.jplayer.org/

jPlayer的具体使用在官网中有很详细的介绍，在此就不再介绍

最后，如果需要播放的文件只能是swf格式的，可以参考该控件 http://download.csdn.net/detail/sl677525/8123905 ，唯一的缺陷就是 当时我试着播放自己的视频时，视频大小显示不对，也不知道怎么调.......