我正在处理一个画廊页面,其中有很多使用 iframe 嵌入的外部 HTML 页面,但是,其中一些外部页面中嵌入了音频,我想将其静音。
这是 HTML 文件的示例代码
画廊.html
<div id="pages">
<iframe id="embed" src="https://xyz.com/page1.html"></iframe>
<iframe id="embed" src="https://sdf.com/page2.html"></iframe>
</div>
page1.html
<html>
<head>
<!-- head stuff-->
</head>
<body>
<audio autoplay>
<source src="http://audio.url/somefile.ogg" type="audio/ogg">
<source src="http://audio.url/somefile.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
<!--some more body content>
<body>
</html>
此外,由于我正在处理多个外部页面,因此音频标签大多可能没有附加 ID。这是document.getElementById()
一个不可靠的选择。我已经尝试过,document.getElementsByTagName("input")
但无法完全静音。谁能帮我解决这个问题?