0

私のページには音楽プレーヤーがあり、そのコードは次のとおりです。

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->  
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>  
<script type="text/javascript">  
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'40'},'playlist':[{'title':'2Spooky Battle','url':'http://a.tumblr.com/tumblr_mbdoptQ5LT1rte8jio1.mp3'}], 'onplay': function() {alert('playing');},'placement':'bottom','showplaylist':'false'}");  
</script>  
<!--End of SCM Music Player script-->

2 つの画像もあり、コードは次のようになります。

<html>
<head>
<style type="text/css">

#img1{
  position: fixed;
  right: 10px;
  bottom: 100px;
  z-index: 10;
  visibility:hidden;
}

#img2{
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 10;
  visibility:hidden;
}

</style>
</head>

<body>
  <img src="IMAGE1.png" id="img1">
  <img src="IMAGE2.png" id="img2">
</body>
</html>

プレーヤーの起動時に両方が「見える」ようにしたいと思います。これを機能させるには、何を追加/削除/交換する必要がありますか?

4

3 に答える 3

0

onPlay コールバックがあります。あなたはおそらくそれを使うことができます。

テストされていないサンプル コード:

function displayElement(id) {
    document.getElementById(id).style.visibility = 'visible';
}

onplay: function() {
    displayElement('img1');
    displayElement('img2');
}
于 2012-10-05T20:19:39.607 に答える
0

jQueryを使用して、このjavascriptコードを記述します

<script>
    function ChangeCSS()
    {
        $('#img1').css({ //new css style goes here
                         z-index : 10 
                      });
</script>
// in your init method there is onPlay method use it to call this function.
于 2012-10-05T20:15:35.900 に答える
0

それは、SCMPlayer が「コールバック」を指定できるかどうかに依存します。これは、本質的に、特定のイベントが発生したときにプレーヤーが呼び出すコードの一部です。

別の方法として、一連の外部コントロールを使用してプレーヤーを管理し、それにコードをアタッチすることもできます。SCMPlayer (http://scmplayer.net/#api) のドキュメントには、クリックから再生/一時停止を呼び出す方法が記載されています。それを調整して、アイテムの可視性を適切に設定するカスタム関数を呼び出すことができます。

元の質問では指定しませんでしたが、jQuery を使用すると、このような DOM 要素の操作が非常に簡単になります。あなたの状況に適しているかどうかを確認するために、それを調べたいと思うでしょう. :)

于 2012-10-05T20:18:33.467 に答える