我已经在我的网页中实现了一个IFRAME，该IFRAME指向另一个域来捕获视频内容.
我的网页里没有什么花哨的东西，iFrame也是标准的:
<iframe id='frame' src='domain.com/stream/324/index.m3u8' width='100%' allow='autoplay; encrypted media' frameborder='0' allowfullscreen></iframe>
我想添加按钮outside the iframe to mute or unmute the video，即使玩家的控制器存在.
我怎样才能做到这一点呢？
对于视频，不要使用<iframe>标签.相反，可以使用HTML5 <video>标记.使用<video>标记，您可以设置muted属性.你可以像这样重写你的<iframe>:
<video id="video" controls width="100%" src="domain.com/stream/324/index.m3u8"></video>
然后，您可以创建一个按钮并添加一个事件侦听器来静音和取消静音<video>标签.就像这样:
<button onclick="document.getElementById('video').muted = true">Mute</button>
<button onclick="document.getElementById('video').muted = false">Unmute</button>