我需要一些类似的Brightcove播放器样本:自动播放与取消静音按钮，但不为视频-js，但为视频。如何用这段代码做到这一点?
<div class="video-fallback"></div>
<video id="video" onloadstart="this.volume=0.6" loop="" autoplay="">
<source src="" type="video/mp4">
<script type="text/javascript">
var videos2 = [
'video4.mp4',
'video5.mp4',
'video6.mp4'
];
var count = Math.floor(Math.random() * videos2.length);
document.getElementsByTagName('source')[0].src = './videos/' + videos2[count];
</script>
</video>
"我需要类似的东西Brightcove播放器样本:自动播放与取消静音按钮，但不是为视频，但视频。如何使用这段代码?">
你需要搜索一个教程:例如html5覆盖大按钮。
作为给你想法的起点，你可以测试下面的代码:
(例如:在W3Schools代码预览器上测试)…
它使用CSS样式(参见:style=" ")将"unmute"按钮在视频上面的层(z-index)。调查其他样式选项，如position、top和left，以找到有助于解决问题的设置。
<!DOCTYPE html>
<html>
<body>
<div class="video-fallback">
<img id="icon_big_mute"
onclick="mute_big_click()"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Speaker_Icon.svg/120px-Speaker_Icon.svg.png"
width="200" height="200" style="position: absolute; z-index: 1; top: 40px; left:50px" />
<video id="video" muted loop autoplay />
<source src="movie.mp4" type="video/mp4">
</video>
</div>
</body>
<script type="text/javascript">
var videos2 = [
'video4.mp4',
'video5.mp4',
'video6.mp4'
];
var count = Math.floor(Math.random() * videos2.length);
var myVid = document.getElementById('video');
var btn = document.getElementById('icon_big_mute');
function mute_big_click()
{
myVid.muted = false;
btn.style.visibility = "hidden";
}
</script>
</html>