embed 相关问题

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

使用对象标签在 html 中嵌入 PDF 文件

我正在将 pdf 文档嵌入到我的 html 代码中。为此我写了这段代码。 我正在将 pdf 文档嵌入到我的 html 代码中。为此我写了这段代码。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> </head> <body> <object height="100%" width="100%" type="application/pdf" data="yii.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1&amp;page=1&amp;view=FitH"> <p>It appears you don't have a PDF plugin for this browser. No biggie... you can <a href="/pdf/sample.pdf">click here to download the PDF file.</a></p> </object> </body> </html> 但结果是 FF4 上的空页面,IE9 嵌入了 pdf 文件,但其容器非常小,几乎占页面的 30%。如果我删除第一行,即 DOCTYPE,两个浏览器都会按应有的方式呈现 pdf 文件。 以下代码工作正常。 <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> </head> <body> <object height="100%" width="100%" type="application/pdf" data="yii.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1&amp;page=1&amp;view=FitH"> <p>It appears you don't have a PDF plugin for this browser. No biggie... you can <a href="/pdf/sample.pdf">click here to download the PDF file.</a></p> </object> </body> </html> 我想在我的页面中使用 doctype 以便其他页面正常工作。有没有办法修复第一个包含 doctype 的代码? 这基本上是@tXK的答案(+1),但具有工作(经过战斗测试)的代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Preview</title> <style type="text/css"> html, body { margin: 0; padding: 0; border: 0; height: 100%; overflow: hidden; } iframe { width: 100%; height: 100%; border: 0 } </style> </head> <body> <iframe src=""></iframe> </body> </html> 可以通过三种方式在 HTML 中显示 PDF:使用嵌入、对象或 iframe。不幸的是,使用 iframe 将不允许 Adobe Javascript 在 PDF 中 将消息发布到 HTML 中的 JS,因为 hostContainer 未定义。因此我被迫使用嵌入或对象。幸运的是,thirtydot 的样式代码也非常适合对象。这是我的工作代码... <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Preview</title> <style type="text/css"> html, body { margin: 0; padding: 0; border: 0; height: 100%; overflow: hidden; } object { width: 100%; height: 100%; border: 0 } </style> <script language="javascript"> function handleMessage(msg) { alert('got message '+msg); } function setupHandler() { document.getElementById("myPdf").messageHandler = { onMessage: handleMessage }; } </script> </head> <body onLoad="setupHandler();"> <object id="myPdf" type="application/pdf" data="file_with_actions.pdf"> Unable to open the PDF file. </object> </body> </html> 您可以在这里阅读更多有关 Javascript 的内容。 我会尝试使用 <iframe> 元素。 如果没有的话,也许可以将其转化为flash,然后嵌入flash。 另外,尝试 <!doctype html> 看看它的作用,这是 HTML5 的标准文档类型 我花了 8 个小时试图在对象标签内显示 PDF。以下是一些可能会阻止其工作的因素。就我而言,我使用 Play Framework 作为 Scala lang 的后端框架。如果在 <object> 标签内显示内容时出现问题,请检查以下一些常规事项。 确保您可以查看您的 pdf。例如,如果您应返回 PDF 的端点是 http://localhost:9000/report,则手动检查它是否确实有效。 应用正确的CSP 规则。 object-src在这里很重要。有关 CSP 的更多有用信息此处。 确保对象标签中的type正确。 <object data="application/pdf" ...。还值得检查一下 data="<url here>" 是否确实输入正确。如果使用动态链接,请确保您使用的框架不会阻止(可能)危险的 URL。在这种情况下,必须对 URL 进行清理。 正确配置CORS规则 在响应中返回正确的标头。 http 响应标头示例: Content-Disposition: "inline; filename: report.pdf" Content-Type: "application/pdf" X-Frame-Options: "SAMEORIGIN" “X-Frame-Options HTTP 响应标头可用于指示是否允许浏览器在 <frame>、<iframe>、<embed> 或 <object> 中呈现页面 https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options 确保您的服务器没有覆盖标头(请参阅#5)。就我而言,这就是原因,因为 Play Framework 最初将 X-Frame-Options 设置为“DENY”。检查您服务器的配置文件。 确保 html 中的标签确实可见。不可见或位于其他元素下方(请参阅 CSS z-index)。确保它已设置高度和宽度。 确保没有插件(如广告拦截器)或其他安全软件阻止 pdf、请求和/或嵌入元素(如 <object> 或 <iframe>)。

回答 4 投票 0

使用discord.py在Discord消息中显示缩略图的问题

我目前正在使用discord.py 库开发Discord 机器人,并且在Discord 消息中显示缩略图时遇到了问题。我使用的代码似乎是正确的,但我

回答 1 投票 0

在页面上嵌入 HTML React 项目内容的脚本

场景:我的公司希望在我们的活动门户上有一个“内容生成器”。我们是活动经理。这是一个用 React 和 Next 进行的项目。如何生成代码来嵌入每个

回答 1 投票 0

我正在尝试在我的网页中嵌入 YouTube 视频,但它根本不显示

我是 HTML 编程新手,所以请耐心等待。为什么嵌入的 youtube 视频不显示?我在这里错过了什么吗?我还包含了 CSS 文件,以防万一我理解......

回答 3 投票 0

在网站上嵌入 Instagram 页面不起作用

我正在尝试在网站上嵌入最基本的 Instagram 嵌入内容,无论我做什么,它总是只显示嵌入提要的“在 Instagram 上查看”版本。检查sh...

回答 2 投票 0

如果 HTML 嵌入代码来自的主网站被删除,它是否仍然有效?

我有这个嵌入代码: <question vote="0"> <p>我有这个嵌入代码:<iframe width="100%" height="1000" src="https://connect.akclub.com/embedOndemand" ( it goes on)</p> <p>网站 <a href="https://connect.akclub.com" rel="nofollow noreferrer">https://connect.akclub.com</a> 正在被删除,因此我正在努力使用嵌入代码将其大量内容转移到另一个平台。但是我不确定一旦网站关闭,嵌入代码将不再起作用。这是真的吗,如果是的话有解决办法吗?传输内容(例如视频、时间表等)时,您使用什么流程?</p> </question> <answer tick="false" vote="0"> <p>不。一旦网站离线,其内容将无法呈现且不再可用。</p> </answer> </body></html>

回答 0 投票 0

Google 趋势 embed_loader 网址

我们有一个嵌入 Google 趋势图表的应用程序。然而,每隔几个月,图表就会停止工作。每次好像embed JS版本都增加了,旧版本没有……

回答 1 投票 0

在Windows XP中通过嵌入标签播放视频

在 src 中通过嵌入标签播放视频时,mp4 和 swf 文件可以正常工作,但播放 flv 在我的 Windows XP 系统上的任何浏览器中都无法正常工作。我该如何修复它? 在 src 中通过嵌入标签播放视频时,mp4 和 swf 文件可以正常工作,但播放 flv 在我的 Windows XP 系统上的任何浏览器中都无法正常工作。我该如何解决它? <embed src="videoplayback.flv" bgcolor="#000" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="mainflash1" autostart="false" loop="false" height="450" width="450" allowscriptaccess="samedomain" > <noembed>Sorry, your browser doesn't support the embedding of multimedia.</noembed> </embed> 要播放 html 格式的 FLV,您应该使用 <object> 标签。例如: <object type="application/x-shockwave-flash" width="320" height="240" wmode="transparent" data="player.swf?file=video.flv&autoStart=false"> <param name="movie" value="player.swf?file=video.flv&autoStart=false"/> <param name="wmode" value="transparent"/> </object> Player.swf 为播放器 swf 文件,filename 为文件属性。

回答 1 投票 0

加载页面后是否可以重新加载 TikTok 的嵌入内容?

在我的 Instagram SPA 应用程序上,我使用以下代码: window.instgrm.Embeds.process()

回答 1 投票 0

在 DWC 中嵌入 Google 地图窗口

如何在 DWC 应用程序中嵌入 Google 地图窗口。 当我尝试使用 BBjHtmlView.setURL() 时,Google 告诉我不允许在此处嵌入地图。 html框架! = 窗口!.addHtmlView(窗口!.

回答 1 投票 0

如何删除在 SharePoint 中加载嵌入项目之前出现的“嵌入预览”?

我的 SharePoint 网站上有一个嵌入项目,加载时会出现一条消息,显示图像损坏,然后显示“嵌入预览”字样。它只显示几秒钟然后...

回答 1 投票 0

将 Y 轴刻度标签更改为超链接

我正在使用 ggplot() 绘制 20 种不同产品的价格范围图表。我希望将 y 轴图刻度线标签更改为产品名称,并嵌入指向数据提取位置的链接....

回答 1 投票 0

facebook 帖子在 WordPress 网站中嵌入问题

我正在尝试通过嵌入代码将一些 Facebook 帖子嵌入到我的网站,但出现错误“www.facebook.com 拒绝连接。 那么我如何将 Facebook 帖子嵌入我的网站 我是...

回答 1 投票 0

如何在 2x2 网格中嵌入四个 YouTube 视频(16:9 响应式),根据屏幕尺寸,该网格可以变成 1x4 网格?

我正在尝试在空间有限的 HTML 页面中嵌入四个 YouTube 视频。根据屏幕尺寸,我希望将它们排列在 2x2 网格中,但可以折叠成 1x4 网格应该屏幕

回答 2 投票 0

隐藏嵌入 pdf 周围的工具栏?

虽然我认为答案可能在有关 pdf 规范的其他问题的答案中,但是否可以在嵌入的 pdf 文档中不显示 adobe acrobat 工具栏?

回答 5 投票 0

使用discord.js 检查嵌入的缩略图

我是不和谐机器人开发的新手,我正在尝试了解如何从发送的嵌入中访问信息。我一直在使用机器人进行错误测试(完全管理员权限/所有切换权限...

回答 1 投票 0

Discord 未显示我网站的嵌入内容

我创建网站已经超过 18 个月了,但大约 5 或 6 个月前,Discord 突然决定停止显示我网站的嵌入内容。 我尝试查找所有可能的解决方案,...

回答 1 投票 0

有什么办法可以在wordpress中垂直嵌入youtube短裤吗?

我正在我的 WordPress 网站中嵌入 YouTube 短片视频。我通过右键单击短片视频复制了嵌入链接并获取了嵌入代码。 在 WordPress 中,我使用了文本块并简单地复制...

回答 2 投票 0

YouTube 的新直播永久网址是什么?

我使用此网址将我们的直播嵌入到我们的网站中 https://www.youtube.com/embed/live_stream?channel=CHANNEL_ID 不幸的是它不再工作了,我认为它已经被 Y 废弃了......

回答 1 投票 0

需要在 WIX 上为 iframe/embed URL 启用摄像头,但在 WIX iframe/Embed 上未启用摄像头

在 Wix 上,我想了解如何为 iframe 或嵌入 URL 启用摄像头。我传递的 URL 在浏览器中打开摄像头并进行了测试,但我想知道如何在 WIX 页面中启用摄像头,eve...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.