单击按钮时,音频控件不会显示

时间:2012-11-22 05:50:09

标签: javascript css html5

我有一个问题,我在我的网站上使用JavaScript来显示单击按钮时的音频控件。我有用CSS隐藏的控件,我需要JavaScript来显示单击按钮时的控件。这是我的代码。

<video id="videoBackground" poster="img/loading.gif" onload="function()" width="1920" height="1080" preload="auto" onprogress="animCD_onprogress();" onended="animCD_start();">
    <source id="colorVid_mp4" type="video/mp4" src="img/luther_color.mp4">      
</video>

    <audio id="audioInterview" preload='auto' controls>
        <source src="audio/interview.mp3" type="audio/mpeg">
    </audio>


<div class="buttonSkip" onclick="window.location='http://www.lrltv.org/muslims-nuclear.html'"></div>

<div id="buttonPlacement" class="buttonPlacement">
    <div onclick="showAudio('audioInterview')"; class="btnDonate"></div>
    <div onclick="alert('Clicked Buy');" class="btnBuy"></div>  
</div>

<!-- Show Audio when button is clicked -->

<script>
    function showAudio('audioInterview')
    {
        var obj=document.getElementById('audioInterview');
        obj.className = 'show';
    }
</script>

1 个答案:

答案 0 :(得分:0)

function showAudio('audioInterview')
{
    var obj=document.getElementById('audioInterview');
    obj.className = 'show';
}

错了,应该是

 function showAudio(controlId)
    {
        var obj=document.getElementById(controlId);
        obj.className = 'show';
    }