jPlayer jquery是一個(gè)開源的jquery插件，它可以在網(wǎng)頁(yè)中嵌入多媒體播放器，支持播放mp3、mp4、ogg、webm等各種格式的音頻和視頻文件。

$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: "http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3",
oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg",
poster: "http://www.jplayer.org/audio/poster/Miaow_640x360.png"
});
},
swfPath: "js",
supplied: "mp3, oga",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
remainingDuration: true,
toggleDuration: true
});
});

代碼中，$(document).ready()表示當(dāng)文檔加載完成后執(zhí)行函數(shù)。在函數(shù)內(nèi)部，通過(guò)$("#jquery_jplayer_1").jPlayer()來(lái)調(diào)用jPlayer插件，#jquery_jplayer_1是播放器容器的id。在ready回調(diào)函數(shù)中，先調(diào)用setMedia方法設(shè)置媒體信息，包括mp3、oga以及poster（封面圖），這里演示了兩種不同的音頻格式。

接下來(lái)依次設(shè)置其他屬性，例如swfPath表示Flash文件所在的路徑（用于支持舊版瀏覽器的Flash播放器），supplied表示支持的媒體格式，useStateClassSkin表示使用默認(rèn)皮膚，autoBlur表示不讓控件自動(dòng)獲得焦點(diǎn)，smoothPlayBar表示平滑過(guò)渡，keyEnabled表示支持鍵盤快捷鍵，remainingDuration表示顯示剩余時(shí)長(zhǎng)，toggleDuration表示點(diǎn)擊進(jìn)度條切換時(shí)是否顯示時(shí)間。

對(duì)于播放器樣式的自定義，可以通過(guò)修改jPlayer的CSS文件，例如.poster屬性設(shè)置封面圖樣式，.jp-audio .jp-volume-controls表示音量控制區(qū)域等等。