jQuery jPlayer是一個強大的音頻/視頻播放器插件，可以在任何網(wǎng)頁上快速創(chuàng)建音頻或視頻播放器。它使用HTML5技術，可以在iOS、Android和桌面瀏覽器中良好的工作。jPlayer擁有多種強大的功能和靈活的配置選項，為用戶提供了完整的控制和設計播放器的自由度。

// 一個簡單的使用jPlayer的例子
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
title: "Big Buck Bunny",
m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v",
ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv",
webmv: "http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm",
poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png"
});
},
swfPath: "../../dist/jplayer",
supplied: "webmv, ogv, m4v",
size: {
width: "100%",
height: "auto",
cssClass: "jp-video-360p"
},
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
remainingDuration: true,
toggleDuration: true
});
});

在上面的例子中，我們使用jPlayer播放了一個視頻。我們通過調用$jPlayer("#jquery_jplayer_1")來初始化播放器。在ready函數(shù)中，我們設置了視頻播放所需要的媒體路徑，同時設置了播放器的各種參數(shù)，例如：swfPath（flash播放器路徑），supplied（指定支持的視頻格式等）等。setStateClassSkin表示我們使用jPlayer自帶的皮膚，autoBlur表示移開焦點時不要暫停媒體，smoothPlayBar表示播放條是平滑的，keyEnabled表示啟用快捷鍵控制，remainingDuration表示剩余播放時間，toggleDuration表示單擊時間條時是否顯示總時間。

和上面的例子一樣，我們可以通過jQuery來輕松的使用jPlayer在我們的網(wǎng)頁上播放音頻和視頻。