求网页内嵌 iframe 的全屏按钮功能

wanghai2068

由于工作需要，需要点击嵌入网页的 iframe 上的全屏按钮，但是全屏后没有退出全屏的按钮，工作环境没有鼠标和键盘，所以最好是在最大化的 iframe  页面上出现个退出最大化的按钮，最好的效果是将全屏按钮能固定在 iframe 的某一个角上，让电脑端 和 手机端都能使用，谢谢。
网页地址：平面向量|思维导图 - 静雅斋数学 - 博客园 (cnblogs.com) ，  

我自己的代码，代码小白一枚，望见谅。

<div id="full">
    <div style="margin-left:80%;" title="点击后全屏显示，效果最佳；若要退出全屏请使用Esc键">
        <button id="video-fullscreen"
            style="position: absolute;border-radius: 10px;background-color: #4CAF50;border:2px; display:inline-block; color: white;padding: 6px 8px;text-align: center;text-decoration: none; display:inline-block; font-size: 15px;margin: 6px 8px; z-index:999;">全屏  <i class="fa fa-arrows-alt"></i></button>
    </div>
    <iframe allowfullscreen="true" id="LTTP" width="90%"
        onload='this.height=document.getElementById("LTTP").scrollWidth*0.675+"px"' frameborder="0"
        src='https://zhimap.com/mmap/0fa7da41265246fc9e920cf77125f269'
        style="border: 1px solid #ccc" target="https://zhimap.com/mmap/0fa7da41265246fc9e920cf77125f269"></iframe>
</div>
<script src="https://blog-static.cnblogs.com/files/wanghai0666/FullScreen_Base.js"></script>

wanghai2068

补充上述帖子的网址： https://www.cnblogs.com/wanghai0666/p/18036824  ，相关的博客为 wanghai0666.cnblogs.com

wanghai2068

wanghai2068 发表于 2024-5-1 10:06
补充上述帖子的网址： https://www.cnblogs.com/wanghai0666/p/18036824  ，相关的博客为 wanghai0666.cnbl ...

求，群里的大神帮忙。