embed 相关问题

我正在将 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&navpanes=0&scrollbar=1&page=1&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&navpanes=0&scrollbar=1&page=1&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>）。

html pdf embed

回答 4 投票 0

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

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

python discord.py embed thumbnails

回答 1 投票 0

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

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

html reactjs next.js widget embed

回答 1 投票 0

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

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

html css video youtube embed

回答 3 投票 0

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

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

javascript http-status-code-404 instagram embed

回答 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>

html cross-domain embed transfer

回答 0 投票 0

Google 趋势 embed_loader 网址

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

javascript embed google-trends

回答 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 为文件属性。

html video windows-xp embed

回答 1 投票 0

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

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

javascript instagram embed

回答 1 投票 0

在 DWC 中嵌入 Google 地图窗口

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

google-maps embed bbj

回答 1 投票 0

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

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