JS: 如何实现iframe内嵌窗口 自动全屏的效果，而非手动点击 ？？？

y294945022

说明：
        在根窗口 下，加入了 多个内嵌窗口，想要实现其中1个内嵌窗口 自动全屏的效果，而不是手动点击全屏按钮。


我在视频网站中，在写自动全屏播放插件时，遇到的问题，各内嵌窗口宽高都是100%，我重新给其赋值为html的宽高，但依然没有效果，在网上查也没查到，所以来此请教。

[JavaScript] 纯文本查看 复制代码

document.querySelector("iframe").height=document.querySelector("html").clientHeight
document.querySelector("iframe").width=document.querySelector("html").clientWidth

在插件 中，用 .requestFullscreen() 方法，没有效果， 但在 控制台测试 有效果 ，


下面是加了一个，iframe 加载完成后，再执行的，依然没有效果：

[JavaScript] 纯文本查看 复制代码

document.querySelector("iframe").addEventListener('load', function() {

    console.log(3);
    document.querySelector("iframe").requestFullscreen()

});

注：全屏 ，是指 铺满电脑屏幕的宽、高 。就是平时我们看 电影时的全屏播放。

FitContent

全屏可以用 requestFullscreen API。

y294945022

全屏可以用 [requestFullscreen API](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/re ...

放在插件中，没有效果。

若是直接放在控制台，就有效果。

我加了一个iframe 的加载完成后，再执行此 方法，但还是没有效果。

[JavaScript] 纯文本查看 复制代码

document.querySelector("iframe").addEventListener('load', function() {


    console.log(3);
    document.querySelector("iframe").requestFullscreen()


});

FitContent

y294945022 发表于 2024-11-6 21:38
放在插件中，没有效果。

若是直接放在控制台，就有效果。

楼主是想 iframe 加载完成之后让它自动全屏？很遗憾，这做不到。
这个 api 为了安全性，用户必须与页面或 UI 元素进行交互才能使用此功能。

y294945022

FitContent 发表于 2024-11-6 22:15
[md]
楼主是想 iframe 加载完成之后让它自动全屏？很遗憾，这做不到。
这个 api 为了安全性，用户 ...

那把iframe 的 大小，设置 成 根窗口 大小呢？或者 无限的接近根窗口的大小 。 这个如何设置呢？

FitContent

y294945022 发表于 2024-11-6 22:50
那把iframe 的 大小，设置 成 根窗口 大小呢？或者 无限的接近根窗口的大小 。 这个如何设置呢？

我看了一下楼主最开始贴的代码，给 iframe 的 height、widht 属性赋值时没有添加上单位 px！

y294945022

FitContent 发表于 2024-11-6 23:19
[md]

我看了一下楼主最开始贴的代码，给 iframe 的 `height、widht` 属性赋值时没有添加上单位 `px`！ ...

这个测试了一下，虽然设置成功。但还是   没效果。


即便 放在控制台都没有一点效果产生。

FitContent

y294945022 发表于 2024-11-7 00:04
这个测试了一下，虽然设置成功。但还是   没效果。

这样交流下去不是办法，有用的信息太少，大都依赖于猜测了。楼主可以做一个简单的例子发在评论区，这个例子只需要能复现楼主遇到的问题就行。