本帖最后由 y294945022 于 2024-11-7 10:47 编辑
说明:
在根窗口 下,加入了 多个内嵌窗口,想要实现其中1个内嵌窗口 自动全屏的效果,而不是手动点击全屏按钮。
例子: https://www.dmttang.com/vodplay/6445-15-33.html
我在视频网站中,在写自动全屏播放插件时,遇到的问题:用 .requestFullscreen() 方法,没有效果, 但在 控制台测试 是有效果
所以想到另一个办法,就是 更改 iframe的大小,让其等于根窗口 或 无限接近于根窗口。
内嵌窗口宽高都是100%,我重新给其赋值为html的宽高,但依然没有效果,在网上查也没查到,所以来此请教。
[JavaScript] 纯文本查看 复制代码
//就下面两句代码,可以先在 控制台 测试。
document.querySelector("iframe").height=document.querySelector("html").clientHeight+'px';
document.querySelector("iframe").width=document.querySelector("html").clientWidth+'px';
即便是在iframe 加载完成后,再执行,依然没有效果:
[JavaScript] 纯文本查看 复制代码 document.querySelector("iframe").addEventListener('load', function() {
//两种都没有效果。
console.log(3);
document.querySelector("iframe").requestFullscreen()
console.log(4);
document.querySelector("iframe").height=document.querySelector("html").clientHeight+'px';
document.querySelector("iframe").width=document.querySelector("html").clientWidth+'px';
});
注:全屏 ,是指 铺满电脑屏幕的宽、高 。就是平时我们看 电影时的全屏播放。
|