jplayer的poster是如何显示的?我在playlist中添加了poster可是无法显示

storm00 发布于 02/05 19:42
阅读 102
收藏 0

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!-- Website Design By: www.happyworm.com -->
<title>Demo : jPlayer as an audio playlist player</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--<link href="css/jplayer/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />-->
<link rel="stylesheet" href="css/jplayer/music.css" />
<script type="text/javascript" src="js/jplayer/jquery.min.js"></script>
<script type="text/javascript" src="js/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer/jplayer.playlist.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

    new jPlayerPlaylist({
        jPlayer: "#jquery_jplayer",
        cssSelectorAncestor: "#jp_container_1"
    }, [
        {
            title:"月半小夜曲",
            mp3:"source/mp3/月半小夜曲 陈乐基.mp3",
            artist:"陈乐基",
            poster:"img/music/timg.jpg",
        },
        {
            title:"ペガサスファンタジー (天马的幻想)",
            mp3:"source/mp3/天马座的幻想.mp3",

        }
    ], {
        swfPath: "css/jplayer",
        supplied: "oga, mp3",
        wmode: "window",
        useStateClassSkin: true,
        autoBlur: false,
        smoothPlayBar: true,
        keyEnabled: true
    });
});
//]]>
</script>
<script type="text/javascript">
    $(document).ready(function(){
      $(".menu").click(function(){
          if ($(".jp-playlist").css("display")=="none") {
              $(".jp-playlist").show(100);
          } else{
              $(".jp-playlist").hide(100);
          }
      });
    });
</script>
</head>
<body>
    <div id="jquery_jplayer" class="jp-jplayer">
    </div>
    <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
        <div class="jp-type-playlist">
            <div class="jp-gui jp-interface">
                <div class="irc">
                    
                </div>
                <div class="jp-controls">
                    <button class="jp-previous" role="button" tabindex="0"></button>
                    <button class="jp-play" role="button" tabindex="0"></button>
                    <button class="jp-next" role="button" tabindex="0"></button>
                    <button class="jp-stop" role="button" tabindex="0"></button>
                </div>
                <div class="pt">
                    <div class="jp-progress">
                        <div class="jp-seek-bar">
                            <div class="jp-play-bar"></div>
                        </div>
                    </div>
                    <div class="jp-time-holder">
                        <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
                        <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
                    </div>
                </div>
                <div class="jp-volume-controls">
                    <button class="jp-mute" role="button" tabindex="0">mute</button>
                    <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
                    <div class="jp-volume-bar">
                        <div class="jp-volume-bar-value"></div>
                    </div>
                </div>
                <!--<div class="jp-toggles">
                    <button class="jp-repeat" role="button" tabindex="0">repeat</button>
                    <button class="jp-shuffle" role="button" tabindex="0">shuffle</button>
                </div>-->
            </div>
            <div id="menu">
                <button class="menu"></button>
            </div>
        </div>
        <div class="jp-playlist">
            <ul>
                <li>&nbsp;</li>
            </ul>
        </div>
    </div>
</body>
</html>

加载中
返回顶部
顶部