0

私のコードは次のように機能します。再生をクリックすると、クラス「再生」がクラス「一時停止」に変わりますが、一時停止をクリックしても「再生」クラスに変わりません。

2 つ目の質問は、オーディオの自動ループを作成する方法です。

私のコード:

HTML:

<a class="playback">
                <span id="toggle" class="play"></span>
            </a> 
            <audio>
             <source src="<?php bloginfo('template_directory') ?>/venga.ogg" type="audio/ogg" />
                <source src="<?php bloginfo('template_directory') ?>/venga.mp3" type="audio/mpeg" />
                Your browser does not support HTML5 audio.
            </audio>

CSS:

.play {
        background: url('img/play.png') no-repeat;
        width: 32px;
        height: 32px;
        padding: 24px 45px 3px 0px;
        margin: 0 0 0 5px;
    }
    .pause {
        background: url('img/pause.png') no-repeat;
        width: 32px;
        height: 32px;
        padding: 24px 45px 3px 0px;
        margin: 0 0 0 5px;
    }

JS:

<script>
$(function() {
    $(".playback").click(function(e) {
        e.preventDefault();
        var song = $(this).next('audio').get(0);
        if (song.paused)
            song.play();
        else
            song.pause();
    });
});
</script>
 <script type="text/javascript">
$(document).ready(function() {
    $('#toggle').bind("click", function() {
        if ($(this).attr("class") == "play")
            $(this).attr("class", "pause");
        else
            $(this).attr("class", "play");
    });
});
</script>
4

1 に答える 1

0

私のような初心者にインスピレーションを与えてくれてありがとう..スクリプトは、iOS シミュレーターを使用して、私の HTML ページで動作するようです。

おそらく2つのjqueryバージョンが含まれていますか？あなたのコードのどこに問題があるのか​​ わかりません..

于 2013-04-24T08:41:16.587 に答える