[英]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.