简体   繁体   English

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

[英]Audio controls won't show when button is clicked JavaScript

I have a problem, I am implimenting JavaScript into my website to show the audio controls when the button is clicked. 我有一个问题,我将JavaScript嵌入我的网站中以在单击按钮时显示音频控件。 I have the controls hidden with CSS and I need JavaScript to show the controls when my button is clicked. 我用CSS隐藏了控件,单击按钮时需要JavaScript才能显示控件。 Here is my code. 这是我的代码。

<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>
function showAudio('audioInterview')
{
    var obj=document.getElementById('audioInterview');
    obj.className = 'show';
}

is wrong, it should be 是错的,应该是

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM