Embed a Powerpoint in a Web Page

Question

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?

possible duplicate of [Embed Powerpoint into HTML](http://stackoverflow.com/questions/39855/embed-powerpoint-into-html) — Marko, Aug 18 '11 at 00:29
It lists other possible solutions, look at the answers below the accepted one. — Marko, Aug 18 '11 at 00:31
I saw ones about Flash and other applications, but I'll look deeper some more. — Snowy Coder Girl, Aug 18 '11 at 00:37

score 71 · Answer 1 · answered Sep 18 '17 at 19:03

71

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'>

answered Sep 18 '17 at 19:03

Shane

719
5
2

2

I wonder why the hell your answer doesn't get more upvotes. It's the closest one to the original intention of the asker. – EugZol Oct 18 '17 at 16:34
5

This answer won't work for presentations on an internal website. – NetMage Aug 02 '19 at 19:53
2

– Alexis Cabrera Mondeja Apr 06 '20 at 01:53
1

JS var url = encodeURIComponent(originalURl); HTML: – Anil May 07 '20 at 15:12
There is a size limit of 10MB. – Gabriel Robert Sep 24 '20 at 12:39
2

As of 2022, I can't get the above answer to work. I've updated the url to a real deck in the github sharepoint that I uploaded. I assume the view.officeapps.live.com/op/embed... isn't there any more. – Lance Kind Feb 24 '22 at 16:50
This is actually working even today. But need some help on how we can jump into preview mode directly for pptx with configurable slide change duration – SSVernekar May 30 '23 at 17:02
@AlexisCabreraMondeja – SSVernekar May 30 '23 at 17:23
@Anil can you please help on the above question – SSVernekar May 30 '23 at 17:24

score 15 · Answer 2 · answered Aug 01 '14 at 07:41

15

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:

Click 'File', then 'Share', then 'Embed'
Click the 'Generate' button to generate HTML code to be embedded
Copy the 'Embed Code' and paste it in the HTML of a website

answered Aug 01 '14 at 07:41

bnp887

5,128
2
26
30

2

this was unexpectedly easy! – Gregg Bursey May 11 '17 at 21:37
Hey, please give me solution for without putting ppt on the drive and take from the server then how do they do it? – Sep 07 '17 at 10:22
1

requires viewers to have a microsoft account. not a good solution for a public website. – sspence65 Dec 22 '20 at 10:44

score 5 · Answer 3 · answered Aug 18 '11 at 00:30

5

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.

answered Aug 18 '11 at 00:30

numbers1311407

33,686
9
90
92

1

+1, thanks for the help. I have decided to use YouTube (see answer). Thanks again. ^_^ – Snowy Coder Girl Aug 18 '11 at 02:07
Hey, please give me solution for without putting ppt on the drive and take from the server then how do they do it? – Sep 07 '17 at 10:23

score 3 · Answer 4 · answered Mar 23 '20 at 08:02

3

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.

answered Mar 23 '20 at 08:02

SumitK

209
2
7

2

I like more google docs viewer works with docs, pptx, pdf, etc. – Alexis Cabrera Mondeja Apr 06 '20 at 02:05
Animations and effects present in a PPT won't work with google docs viewers. – SumitK Apr 07 '20 at 06:29
But you can use "Open With" and use Google presentations App. – Alexis Cabrera Mondeja Apr 08 '20 at 14:07
I'm not sure if that can be done directly via a link like we can with MS. Also I believe to use Google Slides user need to be signed in with an Google account. – SumitK Apr 09 '20 at 15:21

Snowy Coder Girl · Accepted Answer · 2011-08-20T17:21:44.057

3

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">

edited Aug 20 '11 at 17:21

answered Aug 18 '11 at 02:07

Snowy Coder Girl

5,408
10
41
72

Hey, please give me solution for without putting ppt on the drive and take from the server then how do they do it? – Sep 07 '17 at 10:23

score 2 · Answer 6 · answered Jul 08 '12 at 04:13

2

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

answered Jul 08 '12 at 04:13

Carlos Soto Johnson

21
1

– Carlos Soto Johnson Jul 08 '12 at 04:13
Look the code of this site, http://crc.tc/powerpointDemo.html and replace SD20F065AFC1ACDB2E!723 with your own power point skidrive URL identifier – Carlos Soto Johnson Jul 08 '12 at 04:21

score 1 · Answer 7 · answered Jan 05 '19 at 11:32

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

score 1 · Answer 8 · answered Jan 28 '19 at 06:26

Works Best for me.

Goto MS View Office Documents Online Page
Enter link to PPT file Note: This link should be publicly Accessible
Click on Create URL.
Link to view office documents online will be generated.
Paste this link to any webpage or as iframe src attribute.

You are all set!! :)

score 0 · Answer 9 · answered Oct 24 '22 at 17:06

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

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>

score -1 · Answer 10 · answered May 08 '16 at 07:15

-1

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

answered May 08 '16 at 07:15

taotao.li

1,050
2
11
23

score -1 · Answer 11 · answered Jan 10 '18 at 15:33

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>

Embed a Powerpoint in a Web Page

11 Answers11

EDIT

Linked