embed 相关问题

“嵌入”是将软件模块，对象或应用程序放入您自己的应用程序或网页中。

如何将 Create React App 捆绑到单个 embed.js 文件中以嵌入到任何网站中？

我正在使用 Vite 开发 React 应用程序，我想创建一个 embed.js 文件，我可以将其包含在任何网站中以加载我的小部件。 embed.js 文件应包含 JavaScript 和 CSS。 ...

javascript reactjs webpack vite embed

回答 1 投票 0

在应用程序中嵌入C++编译器

着色器是不是很酷？您可以只输入一个纯字符串，只要它是有效的源，它就会编译、链接和执行。我想知道是否有办法将 GCC 嵌入到用户应用程序中...

c++ gcc embed executable

回答 4 投票 0

如何在 SPA 中使用 Zoom Meeting SDK 离开会议并关闭嵌入 UI？

我目前正在 VueJS 应用程序中使用 Zoom Meeting SDK。我已成功连接到会议，但出现问题：如果用户离开会议路线，作为 SPA，就没有浏览器了

vue.js embed zoom-sdk zoom-meeting

回答 1 投票 0

如何在 Dash 应用程序上嵌入和显示 Google 表格（不包括菜单和工具栏）？

我的目标是仅显示工作表的第一个选项卡并隐藏编辑工具栏。我发现一些来源通过添加 &rm=minimal&single=true& 来实现这个目标...

python google-sheets embed plotly-dash

回答 3 投票 0

如何嵌入youtube直播聊天

我正在尝试将 YouTube 直播聊天嵌入到我网站上的网页上， <p>我正在尝试将 YouTube 直播聊天嵌入到我网站的网页上，</p> <pre><code><iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/live_chat?v=hHW1oY26kxQ&embed_domain=localhost" width="480"></iframe> </code></pre> <p>我正在尝试这个，但聊天根本不显示，如果尝试使用我拥有的真实域进行嵌入域，但这也不起作用。</p> </question> <answer tick="false" vote="13"> <p>在我看来，<strong>YouTube 禁用了在外部网站上嵌入实时聊天的功能</strong>，但随后忘记更新文档。或者，可能存在未修复的错误破坏了此功能。</p> <p><strong>2021 更新：聊天嵌入再次起作用。</strong> 使用与以前相同的语法。根据下面<a href="https://stackoverflow.com/questions/52468303/how-to-embed-youtube-livestream-chat/58739531?noredirect=1#comment124100273_58739531">有用的评论</a>。</p> <h2>详情</h2> <p>YouTube 知识库仍然表示，仍然可以使用您发布的 URL 将实时聊天 iframe 嵌入到外部网站中（<a href="https://support.google.com/youtube/answer/2524549?hl=en" rel="nofollow noreferrer">参见此处</a>，在“嵌入实时聊天”部分中）。</p> <p>但是，当尝试这样做并查看浏览器的控制台时，您将看到如下消息：</p> <blockquote> <p>拒绝在框架中显示“https://www.youtube.com/live_chat?v=12345&embed_domain=example.com”，因为它将“X-Frame-Options”设置为“sameorigin”。</p> </blockquote> <p>在查看对 <pre><code>x-frame-options: SAMEORIGIN</code></pre> 请求的响应时，您还可以在浏览器开发人员工具的“网络”选项卡中看到 <pre><code>https://www.youtube.com/live_chat?…</code></pre> 标头。</p> <p>这意味着 YouTube 不希望浏览器将其嵌入到 iframe 中，除非嵌入到 youtube.com 本身。（在 YouTube 本身上，此嵌入代码仍然有效：当您检查 YouTube 上当前流式传输的任何实时视频的源代码时，您会发现那里的实时聊天窗口是在 iframe 中使用相同的 <pre><code>/live_chat?…</code></pre> 请求创建的。） </p> <p>此功能已被删除的其他指示：</p> <ul> <li><p>YouTube 文档提到：</p> <blockquote> <p>实时聊天模块仅存在于 YouTube 观看页面上 - 它不跟随嵌入式播放器。（<a href="https://support.google.com/youtube/answer/2524549?hl=en" rel="nofollow noreferrer">来源</a>）</p> </blockquote> <p>我相信这是文档的新部分，下面的“嵌入实时聊天”部分已经过时了。</p> </li> <li><p><a href="https://www.peggyktc.com/2016/05/embed-livestream-and-chat.html" rel="nofollow noreferrer">本教程</a>从 2016 年开始使用记录的 URL 格式在底部附近嵌入示例实时聊天，现在它显示相同的“拒绝在框架中显示 [...]，因为它将 'X-Frame-Options' 设置为‘同源’。”假设这在 2016 年奏效，那么 YouTube 方面肯定发生了一些变化。</p> </li> <li><p>这个 <a href="https://www.reddit.com/r/youtube/comments/9k18fd" rel="nofollow noreferrer">Reddit 帖子</a>讲述了某人的嵌入式实时聊天如何在 2018 年 9 月初突然停止工作——就在这个问题被问到之前不久。</p> </li> </ul> <h2>替代品</h2> <ul> <li><p>您可以使用 YouTube Livestream API，特别是 <a href="https://developers.google.com/youtube/v3/live/docs/liveChatMessages" rel="nofollow noreferrer">LiveChatMessages</a> 端点来获取和创建聊天消息。可能有开源库可以帮助解决这个问题。到目前为止，我找到了<a href="https://github.com/yuta0801/youtube-live-chat" rel="nofollow noreferrer">这个</a>（可以显示但不能创建聊天消息）。</p> </li> <li><p>您可以嵌入自己的聊天，可以安装在您自己的服务器上，也可以安装在<a href="https://www.dacast.com/blog/best-live-chat-with-html5-video-player-solutions/" rel="nofollow noreferrer">云托管的实时流聊天解决方案</a>。该解决方案还可以提供 YouTube 实时聊天不提供的功能，例如允许匿名访问者发帖。</p> </li> <li><p>您可以反向代理 <pre><code>https://www.youtube.com/live_chat?…</code></pre> URL，转发 YouTube 的响应，但删除 X-Frame-Options 标头。</p> </li> <li><p>如果您只需要一台或多台计算机的解决方案，您可以使用浏览器扩展从 YouTube 响应中删除 X-Frame-Options 标头。请参阅<a href="https://stackoverflow.com/q/41718033">这个问题</a>。</p> </li> </ul> </answer> <answer tick="false" vote="7"> <p>这似乎与引入<a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/referrerPolicy" rel="noreferrer">对 iframe 的更改</a>有关，至少在我遇到此问题时是这样。</p> <p>要解决此问题，我建议使用如下脚本：</p> <pre><code><script> let frame = document.createElement("iframe"); frame.referrerPolicy = "origin"; frame.src = "https://www.youtube.com/live_chat?v=VIDEO_ID&embed_domain=" + window.location.hostname; frame.frameBorder = "0"; frame.id = "chat-embed"; let wrapper = document.getElementById("chat-embed-wrapper"); wrapper.appendChild(frame); </script> </code></pre> <p>其中 <pre><code>chat-embed-wrapper</code></pre> 是 id 为 <pre><code>chat-embed</code></pre> 的 iframe 的父级，<pre><code>VIDEO_ID</code></pre>（在 <pre><code>frame.src</code></pre> 分配中）是目标视频的 id。您必须根据您的设置对此进行一些修改，但这是一般情况的解决方案。</p> </answer> <answer tick="false" vote="2"> <p>不知道你最后是否成功了？我们已经设法使用此 iframe 在我们的网站上运行它，希望它对您有所帮助：</p> <pre><code><iframe src="https://www.youtube.com/live_chat?v=YourVidCodeHere&embed_domain=www.YourDomainHere.com"width="100%" height="600"></iframe> </code></pre> <p>我希望这会有所帮助:) PS 它不适用于移动设备（YouTube 表示他们已从移动设备上删除了此功能），但它确实适用于桌面和选项卡。</p> <p>最美好的祝愿。</p> </answer> <answer tick="false" vote="2"> <p>Angular 的简单解决方案：</p> <p>HTML 部分：</p> <pre><code> <iframe frameborder="0" height="470" [src]="url" width="780"></iframe> </code></pre> <p>TS部分：</p> <pre><code>constructor(private sanitizer: DomSanitizer) {} ngOnInit() { this.url = this.sanitizer.bypassSecurityTrustResourceUrl('https://www.youtube.com/live_chat?v=[YOUR_LIVESTREAM_ID]&embed_domain=' + window.location.hostname); } </code></pre> </answer> <answer tick="false" vote="0"> <p>我可以确认这确实有效。但是，当 <pre><code>embed_domain</code></pre> 的值为“example.com”时，即使页面的 url 以“<a href="https://www.example.com" rel="nofollow noreferrer">https://www.example.com</a>”开头，我也会收到相同的 X Frame 错误。即确保该值匹配 <pre><code>window.location.hostname</code></pre>。如果您没有规范的主机重定向，Addison Crump 的解决方法可能会解决此问题。 </p> </answer> <answer tick="false" vote="0"> <pre><code> <iframe src="https://www.youtube.com/live_chat?v=VIDEO_ID&embed_domain=127.0.0.1" width="350" height="500" ></iframe> </code></pre> <p>它对我有用！</p> </answer> <answer tick="false" vote="0"> <p>这是我当前在 WordPress 网站上工作的 iframe：</p> <pre><code><iframe src="https://www.youtube.com/live_chat?v=YOUTUBE_VIDEO_ID&amp;embed_domain=www.yourdomain.com" width="100%" height="550" data-gtm-yt-inspected-4="true" data-gtm-yt-inspected-14="true" data-gtm-yt-inspected-13="true" data-gtm-yt-inspected-7="true" data-gtm-yt-inspected-6="true" data-gtm-yt-inspected-17="true" data-gtm-yt-inspected-22="true" data-gtm-yt-inspected-15="true" data-gtm-yt-inspected-20="true"></iframe> </code></pre> <p>您需要更改的网址是这样的：</p> <p>“https://www.youtube.com/live_chat?v=YOUTUBE_VIDEO_ID&embed_domain=www.yourdomain.com”</p> <p>更改 YOUTUBE_VIDEO_ID 以匹配与聊天相关的视频</p> <p>更改 <a href="http://www.yourdomain.com" rel="nofollow noreferrer">www.yourdomain.com</a> 以匹配您的域名</p> <p>希望有帮助</p> </answer> </body></html>

html iframe youtube chat embed

回答 0 投票 0

iframe 中嵌入视频的全屏模式，该视频嵌入到另一个 iframe 中

是否可以为嵌入在另一个 iframe 中的视频启用全屏模式？举个例子： ... ... <p>是否可以为嵌入 iframe（同时也是另一个 iframe 的一部分）中的视频启用全屏模式？</p> <p>举个例子：</p> <pre><code>... <body> ... <iframe id="video1" src="..." allowfullscreen></iframe>  <iframe id="comments" src="..." allowfullscreen> #document ... <iframe id="video2" src="..." allowfullscreen></iframe>  </iframe> ... </body> ... </code></pre> </question> <answer tick="false" vote="0"> <p>就像在提供的代码示例中一样，我们可以看到父 iFrame 和子 iFrame 都具有“allowfullscreen”属性。</p> <pre><code> <iframe id="comments" src="..." allowfullscreen> <iframe id="video2" src="..." allowfullscreen></iframe>  </iframe> </code></pre> <p>根据 <pre><code>Permission Policy Header</code></pre>，我们应该使用 <pre><code>allow="fullscreen"</code></pre> 而不是使用 <pre><code>allowfullscreen</code></pre>。请参阅下面更新的代码。</p> <pre><code><iframe id="comments" src="..." allow="fullscreen"> <iframe id="video2" src="..." allowfullscreen></iframe>  </iframe> </code></pre> <p>这个解决方案对我有用，否则可能会有一些来自您嵌入的 iFrame 的 <pre><code>Cross-Origin Restrictions</code></pre>。</p> </answer> </body></html>

html iframe embed

回答 0 投票 0

嵌入启用自动播放和全屏功能的 YouTube 视频

我在页面上嵌入了 YouTube 视频，除了用户能够全屏观看视频之外，客户还希望视频自动播放。似乎是或者 - 当

html iframe youtube embed

回答 3 投票 0

无法在 iframe 内输入内容

当我编码时，我喜欢放置 iframe，但问题是当我查看完成的项目并尝试输入链接时，它不起作用这是代码：当我编码时，我喜欢放置 iframe，但问题是当我查看完成的项目并尝试输入链接时，它不起作用这是代码： <!DOCTYPE html> <html> <head> <title>Eaglercraft Site - Astra Client</title> <link rel="icon" type="image/x-icon" href="astra client.jpeg"> </head> <body><iframe src="https://raw.githack.com/BarneyCompiler/AstraClientEagler/main/javascript/EaglercraftX_1.8_Offline_International.html" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0%;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> <p>Your browser does not support iframes.</p> </body> </html> 所以当我尝试在游戏中输入我的用户名时，当我看到它看起来不起作用时我尝试了在互联网上找到的不同方法，例如嵌入代码，但这也不起作用。我暂时没有尝试其他任何事情。我确实知道，如果没有 iframe 或仅将链接嵌入到新选项卡中，我就可以输入。尝试编辑 iframe： <iframe src='link' frameborder=0 style='overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;height:100%;width:100%;position:absolute!important;top:0%;left:0px;right:0px;bottom:0px;z-index:9999!important;' height='99%' width='100%'></iframe> 然后在 iframe 后面制作一个不可见的按钮： <button onclick='this.iframe[0].contentWindow.document.body.focus();' hidden>‎ </button>

html iframe embed

回答 1 投票 0

STM32C031 转换次数不能超过8

我正在尝试使用STM32C031进行STM32CubeMX设计。我有 11 个 ADC 通道要读取，但我只能选择其中 8 个 STM32CubeMX 不允许我选择更多通道。这有什么理由吗？我的

stm32 embed adc stm32cubemx

回答 1 投票 0

如何创建 PayPal 捐赠表格或网页（不是按钮）？

我发现的似乎是如何制作一个在 PayPal 网站上打开新浏览器窗口的按钮。如何创建用于嵌入或 iframe 的表单以放入我自己网站上的网页中？

forms iframe paypal embed

回答 1 投票 0

在Wordpress中嵌入垂直视频

我尝试使用以下代码在Wordpress中嵌入垂直视频： [视频宽度=“716”高度=“960”mp4=“example.com/test.mp4”循环=“true”自动播放=“

wordpress video embed

回答 2 投票 0

使用 PHP 将 Flash 对象插入 MySql

我为此伤透了脑筋。我正在尝试插入可嵌入的视频代码，例如 youtube/viddler/等等，它们都以对象标签开头：我为此伤透了脑筋。我正在尝试插入可嵌入的视频代码，例如 youtube/viddler/等..它们都以对象标签开头： <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Ahg6qcgoay4?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Ahg6qcgoay4?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object> 使用 PHP 进入 MySQL。我查遍了互联网，但没有任何可靠的方法可以实现这一点。有谁知道如何将该代码成功插入数据库作为 $video 的值？更新：我想出了如何存储它，但现在，我尝试在 php 中调用它，但只能返回文本值，基本上，整个嵌入代码作为文本显示，而不是视频本身。这是我显示文本的显示代码。我怎样才能让它显示实际的视频？ <?php //assuming a connection to the database exists $sql = "SELECT * FROM table"; $result = mysql_query( $sql ); while( $row = mysql_fetch_array( $result, MYSQL_ASSOC ) ) { $html = array(); //create an array of html formated values. $html['video'] = nl2br( stripslashes( htmlentities( $row['video'], ENT_QUOTES, 'UTF-8' ) ) ); echo "Video:<br />{$html['video']}<hr />"; } ?> 更新：这是嵌入代码在数据库中的样子： <object width=\"450\" height=\"380\"><param name=\"movie\" value=\"http://www.youtube.com/v/Z5j3CORfxmw&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"http://www.youtube.com/v/Z5j3CORfxmw&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"450\" height=\"380\"></embed></object> 其上方的 php 代码提取此数据，没有斜杠，并将嵌入代码完美地显示为文本，但实际的视频并不是由此形成的。有没有办法让显示的代码充当代码并显示视频而不是文本？为什么要这样做，为什么不简单地保存各种参数值并在 PHP 脚本中重新创建嵌入代码？这将更加灵活且面向未来。例如，让我们想象一下，明年嵌入代码格式发生更改，您必须完全修改数据库记录，而不是更新单个脚本。 //Assuming that you have saved a JSON string in Mysql $video = json_decode($video_data); <object width="<? = $video->width;>" height="<? = $video->height;>"> <param name="movie" value="<? = $video->url;>"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="<? = $video->url;>" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="<? = $video->width;>" height="<? = $video->height;>"></embed> </object> 在数据库中插入此字符串应该与插入任何其他字符串没有什么不同。只需使用准备好的语句或正确转义字符串即可。但是，当将该字符串嵌入到页面上时，请勿对其进行转义，因为它包含原始 HTML 代码。在这种情况下，您似乎可以简单地保留视频 ID Ahg6qcgoay4，因为无论视频如何，嵌入代码本身都应该相同。 $var = embed code echo htmlspecialchars_decode($var);

php mysql flash youtube embed

回答 3 投票 0

如何为 google chrome 内置 pdf 查看器指定参数？

我有一个像这样的嵌入标签： #zoom=50 是一个参数，告诉 pdf 阅读器缩放到 50%。这个

html css pdf adobe embed

回答 4 投票 0

如何在一个页面上播放多个视频？

在页面上仅使用此代码一次效果很好，但在多个视频中多次使用它会导致所有视频冻结。我怎样才能让所有这些都在一页上播放？在页面上仅使用此代码一次效果很好，但在多个视频中多次使用它会导致所有视频冻结。如何让所有这些都在一个页面上播放？ <video id="video1" width="100%" height="100%" autoplay loop> <source src="videos/Utopia-Pt1-Intro.mp4" type="video/mp4" > Your browser does not support HTML video. </video> 添加 id 有帮助吗？我不想使用 Vimeo 或 Youtube 嵌入内容。不。添加 id 无法解决您当前的问题。这是因为几乎浏览器不允许多个视频播放，以防止声音混合。但如果你想同时播放所有视频，你可以为视频添加 muted 属性。

html video embed

回答 1 投票 0

当文件嵌入 html 时抓取 PDF 或 pdf 文本

使用R，我试图获取嵌入html中的pdf文本（理想情况下，带有一些格式）。例如，URL 是 “https://www.nycourts.gov/courts/ad2/Handdowns/2024/10-October/10-02-

html r embed rselenium pdftools

回答 1 投票 0

如何在Java程序中调用Rhino编译的JavaScript方法（类文件）？

我将以下 JavaScript 文件“test.js”编译到“test.class”中： var 测试 = (函数 () { var that = {}; that.addNumbers = 函数 (a, b) { 返回a+b； };

javascript java embed rhino

回答 1 投票 0

Javascript ParentNode 问题 - Div 容器

parentnodes div有问题，我真的不知道我做错了什么我尝试了不同的方法，但无法正确显示，并且控制台总是给我相同的