jplayer

简介

jplayer是个用JavaScript写的完全免费和开源的媒体库(media library)。作为jQuery插件的一员，使用jPlayer可以在你的网页上轻松加入跨平台的音乐和视频

使用方法

官网下载：http://www.jplayer.org/download/

jquery.jplayer.min.js
jquery.Jplayer.swf

引入：

html

                
class="jqPlayBox">
                    
"jquery_jplayer" class="jp-jplayer">
                    
"jp_container" class="jp-audio" role="application" aria-label="media player">
                        
class="jp-type-single">
                            
class="jp-gui jp-interface">
                                
class="jp-controls">
                                    class="jp-play playBtn" role="button" tabindex="0">play
                                    class="jp-stop" role="button" tabindex="0">stop
                                
                                
class="jp-progress">
                                    
class="jp-seek-bar">
                                        
class="jp-play-bar">
                                    
                                
                                
class="jp-time-holder">
                                    
class="jp-current-time" role="timer" aria-label="time"> 
                                    
class="jp-duration" role="timer" aria-label="duration"> 
                                    
class="jp-toggles">
                                        class="jp-repeat" role="button" tabindex="0">repeat
                                    
                                
                            
                        
                        
                    
               
               

js

    $("#jquery_jplayer").jPlayer({
        ready: function (event) {
            $(this).jPlayer("setMedia", {
                title: "Bubble",
                m4a:  "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
            }).jPlayer("play");
        },
        swfPath: "../../dist/jplayer",
        supplied: "mp3, wav , oga ,m4a",
        cssSelectorAncestor: "#jp_container",
        wmode: "window",
        useStateClassSkin: false,
        autoBlur: false,
        smoothPlayBar: true,//平滑过渡播放条
        keyEnabled: true,
        toggleDuration: true
    });