javascript - HTML5 オーディオ jQuery .click To Play の問題

Question

これには別の目が必要です。

HTML5 を使用して正常に動作するさまざまな「ホバー サウンド」があります。jQueryを使用してHTMLオーディオを再生し、「クリックして再生」画像を追加しようとしています。これが私のコードです：

    $(".audio_photography").click(function(){
            photography_audio.play();
        },
        function(){
            photography_audio.pause();
        });

とHTML

        <span class="audio_photography">
            <audio id="photography_audio">
                <source src="audio/cherish-the-day.mp3" type="audio/mpeg"></source>
                <source src="audio/cherish-the-day.ogg" type="audio/ogg"></source>
            </audio>
        </span>

クリックしても何も起こりません。mp3/ogg へのパスを再確認しましたが、正しいです。

私が間違っていることについてのアイデアはありますか？

念のため、jQuery スクリプト全体を次に示します。

 <script type="text/javascript">
    $(document).ready(function(){
        $(".main-navigation li").hover(function(){
            main_navigation_audio.play();
        },
        function(){
            main_navigation_audio.load();
        });
        $("#primary a, #secondary a, footer a").hover(function(){
            link_audio.play();
        },
        function(){
            link_audio.load();
        });
        $(".site-title a").hover(function(){
            header_audio.play();
        },
        function(){
            header_audio.load();
        });
        $("input, textarea, .site-header").hover(function(){
            input_textarea_audio.play();
        },
        function(){
            input_textarea_audio.load();
        });
        $(".audio_photography").click(function(){
            photography_audio.play();
        },
        function(){
            photography_audio.pause();
        });
    });
</script>

ありがとう。