在网页中嵌入 Powerpoint

发布于 2024-11-30 07:08:58 字数 297 浏览 1 评论 0 原文

有没有办法仅使用标准标签等将 PowerPoint 幻灯片嵌入到 HTML 页面中?我尝试使用 iframe,但这只会导致 PowerPoint 被下载。

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

我正在寻找一种仅使用标准内容来显示幻灯片的方法。我意识到我可以使用谷歌文档或闪存或其他东西,但我宁愿有一个简单的实现。

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

Is there any way to embed a PowerPoint slide show in an HTML page using just the standard tags etc? I tried using a iframe, but that just results in the PowerPoint being downloaded.

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

I am looking for a way to show the slide show using only standard stuff. I realize I could use google docs or flash or something, but I'd rather have a simple implementation.

Does the web just not know how to process a PowerPoint presentation?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(11

萌化 2024-12-07 07:08:58

简单明了...这是将任何 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'>

Plain and simple...this is the best method to embed any Microsoft or Adobe file into a HTML website.

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

八巷 2024-12-07 07:08:58

只是为了更新这个问题 - 因为有一种新方法可以在网页中嵌入 Powerpoints。如果您在 OneDrive 上有帐户,请使用 Powerpoint Online(通过浏览器访问 Powerpoint)执行以下操作以嵌入 Powerpoint :

  1. 依次单击“文件”、“共享”、“嵌入” Share Powerpoint
  2. 单击“生成”按钮生成 HTML代码到嵌入 生成 HTML
  3. 复制“嵌入代码”并将其粘贴到网站的 HTML 中 复制嵌入代码

Just to update this question - as there is a new way to embed Powerpoints in a web page. If you have an account on OneDrive, do the following using Powerpoint Online (accessing Powerpoint via the browser) to embed a Powerpoint:

  1. Click 'File', then 'Share', then 'Embed' Share Powerpoint
  2. Click the 'Generate' button to generate HTML code to be embedded Generate HTML
  3. Copy the 'Embed Code' and paste it in the HTML of a website Copy Embed Code
蓝咒 2024-12-07 07:08:58

Web 浏览器无法识别 power point,但除了 Flash 之外还有其他解决方案。

您可以将其导出为 HTML 或 PDF。或者您也可以上传到 slideshare 等网站,并使用专门针对此问题构建的播放器。

Web browsers don't understand power point, but there are solutions besides Flash.

You could export it to HTML or a PDF. Or you could also upload to site like slideshare and make use of their players which are built for this problem.

愿与i 2024-12-07 07:08:58

我决定采用 hack 方式,将 powerpoint 上传到 YouTube,然后将 YouTube 视频包含在 iframe 中。

<iframe height="375" width="600" src="http://www.youtube.com/embed/assignedId"></iframe>

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

编辑

我最终将我的页面检查为 XHTML Strict,它不支持

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

I have decided to take a hack route and upload the powerpoint onto YouTube and then just include the youtube video in the iframe.

<iframe height="375" width="600" src="http://www.youtube.com/embed/assignedId"></iframe>

I know, it's cheap, but it's also easy.

EDIT

I eventually checked my page as XHTML Strict, which does not support the <iframe> tag. So I used the object tag instead.

<object data="http://www.youtube.com/embed/assignedId"> 
油焖大侠 2024-12-07 07:08:58

我尝试了 Shane 发布的答案,它看起来完全正确,并且 MS 以前如何在线查看 PPT,但它对我不起作用。经过一些研究后,我发现链接发生了一些变化。

所以使用:
https://view.officeapps.live.com/op/查看。 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 链接需要可公开访问。

I tried answer posted by Shane, which looks exactly right and how MS used to have PPT viewing online earlier but it didn't worked for me. After doing some research I found out that the link has changed a bit.

So use:
https://view.officeapps.live.com/op/view.aspx instead of https://view.officeapps.live.com/op/embed.aspx

Example:

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

Note: Link to PPT need to be publicly accessible.

把回忆走一遍 2024-12-07 07:08:58

使用 Microsoft skydrive,将您的幻灯片上传到此站点并使用此代码

,其中

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

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

Use Microsoft skydrive, upload your power point to this site and use this code

where

http://skydrive.live.com/redir.aspx?cid=20f065afc1acdb2e&page=view&resid=20F065AFC1ACDB2E!723&parid=20F065AFC1ACDB2E!719 is the URL of the powerpoint file.

You have to replace SD20F065AFC1ACDB2E!723 for your own string of the corresponding URL

奢望 2024-12-07 07:08:58

在您的 Google 云端硬盘上上传 PowerPoint 文档,然后与所有人“共享”(公开):
共享您的 pptx 文档

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

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

复制嵌入代码

Upload a PowerPoint document on your Google Drive and then 'Share' it with everyone (make it public):
Sharing your pptx doc

Then, go to File > Publish to the web > hit the publish button.

Go to Embed and copy the embed code and paste it to your web page

Copy embed code

十秒萌定你 2024-12-07 07:08:58

最适合我。

  1. 转到MS View Office 文档在线页面

  2. 输入 PPT 文件的链接
    注意:此链接应可公开访问

  3. 单击“创建 URL”。

  4. 将生成在线查看 Office 文档的链接。

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

你都准备好了! :)

Works Best for me.

  1. Goto MS View Office Documents Online Page

  2. Enter link to PPT file
    Note: This link should be publicly Accessible

  3. Click on Create URL.

  4. Link to view office documents online will be generated.

  5. Paste this link to any webpage or as iframe src attribute.

You are all set!! :)

夏夜暖风 2024-12-07 07:08:58

我可以通过将 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>

I was able to do this by saving the PPT as an mp4 (Save As > MPEG-4 Video (*.mp4)) and then using the video tag.

<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>
盛夏尉蓝 2024-12-07 07:08:58

如果您使用 Google 幻灯片,您可以轻松地将其发布到网络上,并将幻灯片嵌入 iframe 中。

转到谷歌幻灯片->文件->分享->嵌入并复制代码

在此处输入图像描述

,然后在 HTML 文件中使用以下代码以全屏模式显示幻灯片。

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/journey.css">
    </head>
<body>
    <!-- show slides in html web page -->
    <iframe src="https://docs.google.com/presentation/d/e/2PAxxxxxCX-xxxxxxxx-_GuZImZqRUxxxxxxxxxx/embed?start=true&loop=false&delayms=3000" frameborder="0" width="1440" height="839" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</body>
</html>

If you are using Google slides you could easily publish it on the web and also embed the slide in an iframe.

Go to google slides -> file-> sharing -> embed and copy the code

enter image description here

and then in your HTML file use the below code to show slides in fullscreen mode.

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/journey.css">
    </head>
<body>
    <!-- show slides in html web page -->
    <iframe src="https://docs.google.com/presentation/d/e/2PAxxxxxCX-xxxxxxxx-_GuZImZqRUxxxxxxxxxx/embed?start=true&loop=false&delayms=3000" frameborder="0" width="1440" height="839" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</body>
</html>
燃情 2024-12-07 07:08:58

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

输入图片此处描述

why not use prezi, I just use it in my work, very easy and useful.

enter image description here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文