jquery jplayer

jQuery jPlayer是一个基于jQuery库的HTML5音频和视频播放器插件。它提供了跨浏览器的解决方案，使得开发人员可以轻松地在网站中添加音频和视频播放功能。

 // 引入jPlayer库
<script src="jquery.jplayer.min.js"></script>
// 初始化jPlayer
$("#jquery_jplayer_1").jPlayer({
ready: function () { // 准备播放
$(this).jPlayer("setMedia", { // 设置媒体
title: "Bubble", // 媒体标题
m4a: "http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", // 媒体地址
ogg: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg" 
});
},
play: function() { // 播放
$("#jp_container_1").addClass("jp-state-playing"); // 为播放器添加播放状态类名
},
pause: function() { // 暂停
$("#jp_container_1").removeClass("jp-state-playing"); // 从播放器移除播放状态类名
},
swfPath: "js", // jPlayer.swf文件所在路径
supplied: "m4a, ogg", // 支持的媒体格式，优先使用m4a，否则使用ogg格式
cssSelectorAncestor: "#jp_container_1",
nativeSupport: false // 不使用原生的媒体播放器
});
// jPlayer的接口方法
$("#jquery_jplayer_1").jPlayer("play"); // 播放媒体
$("#jquery_jplayer_1").jPlayer("pause"); // 暂停媒体
$("#jquery_jplayer_1").jPlayer("stop"); // 停止媒体
$("#jquery_jplayer_1").jPlayer("volume", 0.5); // 设置媒体音量，取值范围为0.0到1.0 

除了基本的音频和视频播放功能，jPlayer还提供了丰富的事件和接口方法，可供开发人员使用，如播放进度、设置音量、音频下载等，使得开发人员可以更加灵活地控制播放器的行为。

总之，jQuery jPlayer是一个强大而又易于使用的HTML5音频和视频播放器插件，它提供了丰富的功能和灵活的接口，使得开发人员可以轻松地为网站添加媒体播放功能。

查看更多关于jquery jplayer的详细内容...