音频/视频
音乐播放器插件vpplayer
PetitQ
vpplayer 是一款基于 jquery 和 bootstrap 的音乐播放器插件。vpplayer 音乐播放器小巧灵活，通过简单的配置即可在页面中生成漂亮的音乐播放器界面。
使用方法：
在页面中引入 jquery 和 bootstrap 相关文件，以及 vpplayer.js 和 vpplayer.css 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="./css/vpplayer.css">
<script type="text/javascript" src="./js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.js"></script>
<script type="text/javascript" src="./lib/vpplayer.js"></script>
HTML 结构：
使用一个
元素作为音乐播放器的容器。
<div id="player"></div>
初始化插件：
在页面 DOM 元素加载完毕之后，通过 vpplayer()方法来初始化该用音乐播放器插件。
$(document).ready(function(){
$("#player").vpplayer({
src: "audio.mp3",
trackName: "sample audio",
});
});
配置参数：
vpplayer 音乐播放器插件的可用配置参数如下：
$("#player").vpplayer({
src: "audio.mp3",
trackName: "sample audio",
type: "audio/mp3",
preloadMessage: "LOADING...",
view: "basic", // or minimal
playerColor: "black",
displayColor: "green"
});
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
相关文章
热销模板
本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务！
登录