Question

所以我有一个<object>和<embed>（这是后备）加载到一个html文件（index.html）像这样：

<object id="glitch" 
 data="skull/Glitch" 
 width="100%" height="100%" 
 style="overflow:hidden; width: 100%; height: 100%; overflow-y: hidden;">

<embed id="glitch-embed" 
 src="skull/Glitch" 
 width="100%" height="100%"> 
</embed>
Error: Embedded data could not be displayed.
</object>

在对象内部是一个<audio>标签，当故障发生时播放我想知道我是否可以静音和取消静音对象内的音频标签并通过index.html文件中的按钮嵌入如何这样做呢？

这是我在index.html中的按钮，它还控制索引中的其他声音

HTML：

<a href="#" class="mute-button MuteOff link">
    <i id="mute-icon" class="fa fa-volume-up"></i>
    </a>

JS

  $('.mute-button').on('click tap touch', function() {
        var $this = $(this);

        if( $this.hasClass("MuteOn") ) {
    audio1.volume=1.0;
    audio2.volume=1.0;
    audio3.volume=1.0;
    audio4.volume=1.0;
    audio5.volume=1.0;

    $this.removeClass("MuteOn").addClass("MuteOff");
     $('#mute-icon').removeClass("fa fa-volume-off").addClass("fa fa-volume-up");


        } else {

    audio1.volume=0.0;
    audio2.volume=0.0;
    audio3.volume=0.0;
    audio4.volume=0.0;
    audio5.volume=0.0;

    $this.removeClass("MuteOff").addClass("MuteOn");
          $('#mute-icon').removeClass("fa fa-volume-up").addClass("fa fa-volume-off");
        }
    });

提前致谢网站我正在解决这个问题：https://ui-unicorn.co.uk

是否可以从<object>和<embed />中静音和取消静音

0 个答案: