iframe 相关问题

“iframe”是一个HTML元素，它在文档中创建“内嵌框架”，允许在同一页面中显示单独的文档。

Youtube 自动播放标签在 Android Webview iframe 中不起作用。如何删除cc标签？ HTML需要在webview中加载：。中心{ 位置： </desc> <question vote="1"> <p>Youtube 自动播放标签在 Android Webview iframe 中不起作用。如何去掉cc标签？</p> <p>HTML需要在webview中加载：</p> <pre><code><!DOCTYPE html> <html> <style> .center{ position: absolute; margin: auto auto; right: 0; left: 0; bottom: 0; top: 0; } </style> <body style="background:#000"> <iframe id="videoContainer" class="center" width="100%" height="300" src="https://www.youtube.com/embed/Vt-Wf7d0CFo?rel=0&controls=1&showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </body> </html> </code></pre> <p>网站上使用相同的代码。</p> <p>Content 变量保存上面提到的 html。当前的 Android 代码：</p> <pre><code> mWebView.getSettings().setJavaScriptEnabled(true); mWebView.getSettings().setAppCacheEnabled(false); mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); mWebView.getSettings().setMediaPlaybackRequiresUserGesture(false); view.loadDataWithBaseURL(null, content, "text/html", "utf8", view.getUrl()); </code></pre> </question> <answer tick="false" vote="2"> <p>自 Android SDK 17 起默认禁用自动播放，您可以将 setMediaPlaybackRequiresUserGesture 设置为 false 以重新启用自动播放。然后你还需要检查SDK版本，因为早期版本没有这个功能。</p> <p>检查：</p> <pre><code>int SDK_INT = android.os.Build.VERSION.SDK_INT; if (SDK_INT > 16) { engine.getSettings().setMediaPlaybackRequiresUserGesture(false); } </code></pre> </answer> <answer tick="false" vote="0"> <p>您的 src 属性中的 url 格式似乎错误</p> <p><a href="https://www.youtube.com/embed/5jnqWIlaLyA?rel=0&controls=1&showinfo=0&autoplay=1&cc_load_policy=3" rel="nofollow noreferrer">https://www.youtube.com/embed/5jnqWIlaLyA?rel=0&controls=1&showinfo=0&autoplay=1&cc_load_policy=3</a> </p> <p>另请检查此网址以获取参考：</p> <p><a href="https://developers.google.com/youtube/player_parameters" rel="nofollow noreferrer">https://developers.google.com/youtube/player_parameters</a></p> </answer> </body></html>

java android iframe webview youtube

回答 0 投票 0

supabase.auth.onAuthStateChange 当 React 应用程序位于 iframe 中时不起作用

我在 https://example.com 托管的 React 应用程序中使用 Supabase 用户身份验证，当浏览器位于不同的浏览器时，该应用程序在由 Chrome 扩展 chrome-sidebar 注入的 iframe 内运行

javascript reactjs iframe google-chrome-extension supabase

回答 1 投票 0

使 iframe 在所有屏幕上保持相同的宽高比

我希望无论您使用什么设备，youtube iframe 都具有相同的宽高比。因此，当屏幕为 720px 或更小时，iframe 的宽度为屏幕的 100%，高度将更改为...

html css iframe

回答 1 投票 0

从 iframe 中删除滚动条

我有一个来自 Google 文档的表格，我将其嵌入到我的网站中，我希望我指导的学生填写，但滚动条让我很烦。有什么办法可以摆脱它吗？ <p>我有一个来自 Google 文档的表格，我将其嵌入到我的网站中，我希望我指导的学生填写，但滚动条让我很烦。有什么办法可以去掉吗</p> <pre><code><iframe src="https://docs.google.com/forms/d/1kMdmk_f4jrAWwZi6q3YD63oUQAg2hvdheAQ-pY_2FRY/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> </code></pre> </question> <answer tick="false" vote="15"> <p>使用滚动=“否”</p> <pre><code> <iframe src="https://docs.google.com/forms/d/1kMdmk_f4jrAWwZi6q3YD63oUQAg2hvdheAQ-pY_2FRY/viewform?embedded=true" width="760" **scrolling="no"** height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> </code></pre> </answer> <answer tick="false" vote="3"> <p>我不确定是单滚动条还是双滚动条让您烦恼...根据您嵌入的形式，某些部分可能比其他部分大，并且需要滚动才能继续形式。</p> <p>我在这里很菜鸟，但使用他们的 html 嵌入工具修复了 wix 网站的烦人的双滚动条问题...</p> <p>采用谷歌表单嵌入代码，我在开头添加了“样式”表，并将高度和宽度更改为“100％”，请参见此处：</p> <pre><code><style type="text/css"> body {margin:0; overflow: hidden;} iframe {border: none;} </style> <iframe src="YOUR SOURCE" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe> </code></pre> </answer> <answer tick="false" vote="3"> <p>我发现如果您将表单的高度更改为 2000，则您的表单适合您的网站，无需滚动</p> <p>例如宽度=“650”高度=“2000”</p> </answer> <answer tick="false" vote="0"> <p>你可以尝试CSS：<pre><code>overflow-y: hidden;</code></pre></p> </answer> <answer tick="false" vote="0"> <p>我已经尝试了所有这些，但没有任何效果。</p> </answer> </body></html>

iframe google-docs

回答 0 投票 0

沙盒环境下无法加载iframe

我正在尝试在网页中启用沙箱来加载 iframe，但它显示错误：加载焊盘时发生错误未捕获的安全错误：无法在“Do...”上设置“域”属性

javascript jquery iframe etherpad

回答 2 投票 0

如何静音 iframe 内容？

我有一个第 3 方 iframe，其中包含来自 youtube、vimeo 等的视频。是否有一种通用方法可以独立于视频/音频源将 iframe 内容静音？

javascript iframe youtube vimeo mute

回答 2 投票 0

如何解决此错误“祖先违反了以下内容安全策略指令：“frame-ancestors 'none'”

尝试在 I-fram 中加载 URL 时出现此错误。请在这件事上给予我帮助。错误：“祖先违反了以下内容安全策略指令：“frame-ancestors 'none' 谢谢你

html url iframe

回答 1 投票 0

使用 Selenium 查找活动 iframe

我正在尝试使用 Selenium WebDriver 导航页面，并且遇到问题，该页面中最多有 3 个 iframe，但只有一个处于“活动”状态，其他设置为显示：无每次我...

selenium iframe

回答 2 投票 0

Postmessage 功能在移动设备上无法使用，但在桌面设备上可以使用

我正在尝试创建一个小部件，该小部件将有一个按钮，当有人单击该按钮时，会弹出一个窗口。该弹出窗口也包含按钮，可以完成任务。这是弹出代码- 我正在尝试创建一个小部件，该小部件将有一个按钮，当有人单击该按钮时，会出现一个弹出窗口。该弹出窗口也包含按钮，可以完成任务。这是弹出代码- <div class="modal" id="myModal"> <div class="modal-content"> <span class="close-btn" id="closeModalBtn">×</span> <iframe id="modelIframe" src="base_url/modelviewer.html" style="width: 280px; height: 200px;" allow="xr-spatial-tracking" frameborder="0"></iframe> <p>View this product in 3D</p> <button id="activateAR" style="padding: 10px 10px;border: none; ">See in 3D</button> </div> </div> 因此，当此弹出窗口可见并且用户单击按钮（ID为“activateAR”）时，我调用以下函数- function activateARFunction() { console.log("data",document); const iframe = document.getElementById('modelIframe'); iframe.contentWindow.postMessage('activateAR', '*'); } document.getElementById('activateAR').addEventListener('click', activateARFunction); 和 modelviewer.html（我在其中接收消息）- <script> window.addEventListener('message', (event) => { console.log("button without data ","received"); if (event.data === 'activateAR') { console.log("button ","received"); } }); </script> 当我在桌面上运行此代码时，我的 modelviewer.html 收到 postmessage 数据，即 console.log("button without data ","received"); 但是，当我在移动设备上运行它时，它不会打印任何内容。控制台也没有错误。 window.postMessage在移动浏览器中不受欢迎您可以在这里查看哪些浏览器支持它： https://caniuse.com/?search=postMessage

javascript css iframe postmessage

回答 1 投票 0

如何在用户导航到 Gmail 等第三方网站后让用户返回我的应用程序

我想在单一应用程序模式下运行我的应用程序，但让用户能够导航到我选择的几个网站，例如 Gmail。当我尝试将 Gmail 添加到我的应用程序中时遇到此问题：

javascript iframe gmail embedded single-page-application

回答 1 投票 0

在R中从网页上的特定iframe中提取图形数据

我想提取网站上图表中显示的数据并自动下载。这是标题后的第一张图表：“办公楼投资价格（总欧元 psqm）” 上：https://...

html r iframe httr

回答 1 投票 0

从 iframe 中运行 wordpress 端点

让我尝试解释我的问题。第三方做了一个wordpress端。当用户按下按钮时，我的软件将在 iframe 中运行。它是在 React 中制作的，仅供参考。当用户