在网页中嵌入 Powerpoint

Posted 2023-02-19

【中文标题】在网页中嵌入 Powerpoint

【英文标题】：Embed a Powerpoint in a Web Page

【发布时间】：2011-10-29 09:18:36

【问题描述】：

有没有什么方法可以仅使用标准标签等将 PowerPoint 幻灯片嵌入 html 页面？我尝试使用 iframe，但这只会导致 PowerPoint 被下载。

<iframe src="Chapter1.pptx">Your browser does not support.</iframe>

我正在寻找一种仅使用标准内容来显示幻灯片的方法。我意识到我可以使用 google docs 或 flash 之类的，但我宁愿有一个简单的实现。

网络是否只是不知道如何处理 PowerPoint 演示文稿？

【问题讨论】：

Embed Powerpoint into HTML 的可能重复项

我说我不想使用谷歌文档。

它列出了其他可能的解决方案，请查看已接受的答案下方的答案。

我看过一些关于 Flash 和其他应用程序的文章，但我会更深入地研究。

Google docs 是简单的实现。

【参考方案1】：

网络浏览器不理解power point，但除了Flash之外还有其他解决方案。

您可以将其导出为 HTML 或 PDF。或者你也可以上传到像slideshare 这样的网站，并使用他们为这个问题而构建的播放器。

【讨论】：

+1，感谢您的帮助。我决定使用 YouTube（见答案）。再次感谢。 ^_^

嘿，请给我解决方案，不把 ppt 放在驱动器上并从服务器上取，那么他们是怎么做的呢？

【参考方案2】：

我决定采取破解路线，将 powerpoint 上传到 YouTube，然后将 youtube 视频包含在 iframe 中。

<iframe   src="http://www.youtube.com/embed/assignedId"></iframe>

我知道，它很便宜，但也很容易。

编辑

我最终将我的页面检查为 XHTML Strict，它不支持 <iframe> 标记。所以我改用了object 标签。

<object data="http://www.youtube.com/embed/assignedId"> 

【讨论】：

嘿，请给我解决方案，不把 ppt 放在驱动器上并从服务器上取，那么他们是怎么做的呢？

【参考方案3】：

使用 Microsoft skydrive，将您的 power point 上传到此站点并使用此代码

在哪里

http://skydrive.live.com/redir.aspx?cid=20f065afc1acdb2e&page=view&resid=20F065AFC1ACDB2E!723&parid=20F065AFC1ACDB2E!719是PowerPoint文件的URL。

您必须将 SD20F065AFC1ACDB2E!723 替换为您自己的相应 URL 字符串

【讨论】：

查看该站点的代码，crc.tc/powerpointDemo.html 并将 SD20F065AFC1ACDB2E!723 替换为您自己的 power point skidrive URL 标识符

【参考方案4】：

只是为了更新这个问题 - 因为有一种将 Powerpoints 嵌入网页的新方法。如果您有OneDrive 的帐户，请使用 Powerpoint Online（通过浏览器访问 Powerpoint）执行以下操作以嵌入 Powerpoint：

单击“文件”，然后单击“共享”，然后单击“嵌入” 单击“生成”按钮生成要嵌入的 HTML 代码 复制“嵌入代码”并将其粘贴到网站的 HTML 中

【讨论】：

这出乎意料的简单！

嘿，请给我解决方案，不把 ppt 放在驱动器上并从服务器上取，那么他们是怎么做的呢？

要求观看者拥有微软帐户。对于公共网站来说，这不是一个好的解决方案。

【参考方案5】：

为什么不用prezi，我只是在工作中使用它，非常简单好用。

【参考方案6】：

简单明了...这是将任何 Microsoft 或 Adob​​e 文件嵌入 HTML 网站的最佳方法。

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>

【讨论】：

我想知道为什么你的答案没有得到更多的支持。最接近提问者的初衷。

此答案不适用于内部网站上的演示文稿。

JS var url = encodeURIComponent(originalURl); HTML：

大小限制为 10MB。

【参考方案7】：

我可以通过将 PPT 保存为 mp4（另存为 > MPEG-4 视频 (*.mp4)）然后使用视频标签来做到这一点。

<video controls autoplay preload="none" style="width:1000px;">
<source src="/_dev/power_point/m11983.mp4" type="video/mp4" />
<p>Your browser does not support HTML5 Video.</p>
</video>

【参考方案8】：

在您的 Google 云端硬盘上上传 PowerPoint 文档，然后与所有人“共享”（公开）： Sharing your pptx doc

然后，转到文件 > 发布到网络 > 点击发布按钮。

转到嵌入并复制嵌入代码并将其粘贴到您的网页上

Copy embed code

【参考方案9】：

最适合我。

转到MS View Office Documents Online Page

Enter link to PPT file 注意：此链接应可公开访问

点击创建网址。

Link to view office documents online will be generated.

将此链接粘贴到任何网页或作为 iframe src 属性。

你们都准备好了！！ :)

【参考方案10】：

我尝试了 Shane 发布的答案，它看起来完全正确，以及 MS 以前如何在线查看 PPT，但它对我没有用。经过一番研究，我发现链接已经改变了一点。

所以使用： https://view.officeapps.live.com/op/view.aspx 而不是 https://view.officeapps.live.com/op/embed.aspx

例子：

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>

注意：PPT 的链接需要公开访问。

【讨论】：

我更喜欢 google docs viewer 与 docs、pptx、pdf 等一起使用。

PPT 中的动画和效果不适用于 Google 文档查看器。

但是您可以使用“打开方式”并使用 Google 演示文稿应用程序。

我不确定这是否可以像我们使用 MS 一样通过链接直接完成。另外我相信使用谷歌幻灯片的用户需要用谷歌帐户登录。