如何使按键上的iframe静音

f0ofjuux  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(337)

我有两个页面,一个是使用html视频标签播放的视频,另一个是第一个页面的iframe。
我想在iframe中按键盘将音频静音
这些页面不在同一个域上。
这是我试过的代码

function cynMute(){
            const myElement = document.getElementById("myVideo");
            if(myElement.muted === false) {
                myElement.muted = true          
            }
            else{
                myElement.muted = false          
            }

        }
        document.addEventListener("keypress", function(event) {
        if (event.keyCode === 13) {
            cynMute()
        }
        });

在第一页上有效,但在第二页上尝试按enter键时无效。我试着把代码和相应的ID放在第二页上,但还是没有。

but5z9lq

but5z9lq1#

据我所知,您无法选择iframe中的视频元素。同样的功能将不起作用,因为这一次 #myVideo 文档中没有。
您必须首先使用contentwindow获取iframe和其中的查询。

function cynMuteForIframe(){
let iframe = document.getElementById("myFrame");
if(iframe !=null){
const myElement = iframe.contentWindow.document.getElementById("myVideo");            
//Rest of your code
            if(myElement.muted === false) {
                myElement.muted = true          
            }
            else{
                myElement.muted = false          
            }

        }

相关问题