HTML5 - 两款基于JS的视频播放器

都是基于h5 video 标签，如果不支持则会自动转成flash，这里个人比较推荐使用jplayer;

1、video.js

pc端有时候会与视频打交道，如果要兼容ie是个比较烦的事情，特别是对于没有pc端经验，比如我就更加烦。

我一开始是用的video.js ,因为开始看video.js api  http://videojs.com/getting-started/，看到这段代码

1  
     

非常喜欢，然后直接用，悲剧的是在ie 7、ie8存在一些问题，如各个版本的ie 样式不一致，如果是高版本ie7报错等！

果断放弃；

2、jplayer.js

 

之所以推荐jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明

1、不仅兼容性好，而且样式一致。

2、扩展性强。

api：http://www.jplayer.cn/developer-guide.html#jPlayer-event-object 

看完这个就会更加喜欢了，至少我是这样的，因为这个东西可以定制化，随便你怎么改

把图标一换是不是有点像暴风语音。

使用注意事项：

jPlayer需要在服务器上上传两个文件：

jquery.jplayer.min.js

Jplayer.swf（如果不是放在js文件中，要注意路径是否正确）

在两个文件一定要上传到服务器，开始使用的时候以为这个swf是在不支持视频播放的时候要自己准备的swf,过10多分钟才明白，jplay 不需要自己准备swf,他会自己转码，之所以会有这个想法完全是受之前vjdeo.js的影响。

代码

1  

1  
      
        2            3             
       
         4                 
        
 5                 
        
          6                     
         
           7                         
          play 8                     
         
 9                     
         
          10                         
          
           11                             
           
            12 
            
13 
           
14                         
          
15                         
          
            
          
16                         @*
          
            
          
*@17                         
          
           18                             
           
            19 
            play20 @*
            stop*@21 
           
22                             
           
            23 
            mute24 @*
            max volume*@25 
            
             26 
             
27 
            
28 
           
29                             
           
            30 @*
            repeat*@31 
            full screen32 
           
33                         
          
34                         @*
          
           35                             
           
             
           
36                         
          
*@37                     
         
38                 
        
39                 
        
         40                     
         更新要求41                     要播放媒体，您需要更新您的浏览器到最近的版本或更新您的
         Flash插件.42                 
        
43             
       
44         
      

 

http://www.jplayer.cn/developer-guide.html#jPlayer-event-type  说的够详细了，demo也很多就不多说了，改改demo总有一款适合你。

可以多多看下官网的api，你就找到了方法，我这个分析的并不全面，如果大家有什么疑问，希望可以多多交流。