我在网页中实现了一个iframe，该iframe指向另一个域来捕获视频内容。
我的网页里没有什么花哨的东西，iframe也是标准的：
<iframe id='frame' src='domain.com/stream/324/index.m3u8' width='100%' allow='autoplay; encrypted media' frameborder='0' allowfullscreen></iframe>
我想在iframe外添加按钮以静音或取消静音视频，即使存在播放器的控制器。
我怎样才能做到这一点？
不要将<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>