jquery jplay

jQuery jPlayer是一个强大的音频/视频播放器插件，可以在任何网页上快速创建音频或视频播放器。它使用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函数中，我们设置了视频播放所需要的媒体路径，同时设置了播放器的各种参数，例如：swfPath（flash播放器路径），supplied（指定支持的视频格式等）等。setStateClassSkin表示我们使用jPlayer自带的皮肤，autoBlur表示移开焦点时不要暂停媒体，smoothPlayBar表示播放条是平滑的，keyEnabled表示启用快捷键控制，remainingDuration表示剩余播放时间，toggleDuration表示单击时间条时是否显示总时间。

和上面的例子一样，我们可以通过jQuery来轻松的使用jPlayer在我们的网页上播放音频和视频。

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