Embed PowerPoint Presentation in HTML

Question

Is it possible to embed a PowerPoint presentation (.ppt) in a web page (.xhtml)?

This will be used on the local intranet where there is only Internet Explorer 6 and Internet Explorer 7, so there is no need to consider other browsers.

---

I gave up ... I think Flash is the way forward.

Answer 1

Google Docs can serve PowerPoint documents (and PDFs) in the document viewer. You don’t need to subscribe to Google Docs, just upload it to your website and call from your page:

<iframe src="//docs.google.com/gview?url=https://www.yourwebsite.com/powerpoint.ppt&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe> 

Answer 2

It hurt so much that I try to use all kinds of options for web hosting, where there is a power point that was broken or required flash, so I made my own.

My solution uses a very simple javascript function to simply scroll / replace the GIF image tag that I saved from the Power Point presentation itself.

• In the Power Point view, click Save As and select GIF. Select the quality you want to display the presentation on. Power Point will save one GIF image for each slide and name it Slide1.GIF, Slide2.GIF, etc.

• Create an HTML page and add an image tag to display Power Point GIFs.

   <img src="Slide1.GIF" id="mainImage" name="mainImage" width="100%" height="100%" alt=""> 

• Add the first, previous, next, and last clickable objects with the onClick action, as shown below:

   <a href="#" onclick="swapImage(0);"><img src="/images/first.png" border=0 alt="First"></a> <a href="#" onclick="swapImage(currentIndex-1);"><img src="/images/left.png" border=0 alt="Back"></a> <a href="#" onclick="swapImage(currentIndex+1);"><img src="/images/right.png" border=0 alt="Next"></a> <a href="#" onclick="swapImage(maxIndex);"><img src="/images/last.png" border=0 alt="Last"></a> 

• Finally, add the following javascript function, which, when called, captures the next Slide.GIF image and displays it in the img tag.

   <script type="text/javascript"> //Initilize start value to 1 'For Slide1.GIF' var currentIndex = 1; //NOTE: Set this value to the number of slides you have in the presentation. var maxIndex=12; function swapImage(imageIndex){ //Check if we are at the last image already, return if we are. if(imageIndex>maxIndex){ currentIndex=maxIndex; return; } //Check if we are at the first image already, return if we are. if(imageIndex<1){ currentIndex=1; return; } currentIndex=imageIndex; //Otherwise update mainImage document.getElementById("mainImage").src='Slide' + currentIndex + '.GIF'; return; } </script> 

Make sure GIFs are available on the HTMl page. By default, they will be in the same directory, but you should be able to see the logic and how to set the image directory, if required

I have training material for my company that uses this method at http://www.vanguarddata.com.au , so before you spend any time, try it, watch in action.

I hope this helps someone else who has as many headaches as I do .....

Answer 3

Id recommend View Office white papers online

link

for embedding you can just use

 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src={urlencode(site-to-ppt)}' width='962px' height='565px' frameborder='0'></iframe> 

Answer 4

DocStoc.com and Scribd.com work well with Internet Explorer 6 and Internet Explorer 7. They will display various types of documents, including PowerPoint files (.ppt). I use these services for my intranet here at work. Of course, just remember to mark your documents as 'private' after uploading them.

Answer 5

Alternatively, if you save ppt in .pps format using PowerPoint PowerPoint, you can use the following code:

 <iframe src="file.pps" width="800px" heigt="600px"></iframe> 

---

Another common way to do this is to convert ppt / doc to pdf,

then use swftool ( http://www.swftools.org ) to convert it to swf

finally, take FlexPaper ( http://flexpaper.devaldi.com ) as a document viewer.

Answer 6

I do not know how to embed PowerPoint slides directly in HTML. However, there are a number of online solutions for converting a PPT file to SWF , which can be embedded in HTML just like any other Flash movie.

Googling for 'ppt to swf' seems to give a lot of hits. Some of them are free, others are not. Some handle things like animations, others just make still images. There should be one that does what you need. :)

Answer 7

You can use Microsoft Office Web Apps to insert PowerPoint and Excel files. See Say more on your blog with PowerPoint and Excel embedded files .

Answer 8

In the end, I went to the screenshot of each slide and used two different tabs for navigation, this was placed in. it gives high resolution, but you sacrifice animation and interactivity, the only thing the user can do is read and change the slide. heres an example from my site: http://deepschool.jaberwokkee.kodingen.com/~/Miss%20Necchi%27s%20powerpoints/Volume%20of%20prisms%20powerpoint/slide1.htm

Answer 9

Google Docs allows you to download a PowerPoint document, you can "share" it with everyone, then you can "Publish" it, and this will provide a code for embedding it on your website or you can use a direct link that works in the full size of the browser window. The conversion is pretty good and scales well, because the text is saved, not converted to an image. The conversion is pretty good, and it's all free. Definitely worth a go.

Answer 10

I tried all the options on this stack and could not achieve what was loading quickly, using PPT. The file is direct and easy to scale. Dropped my ppt. like .gif and chose "Infinite Carousel" (javascript) so that I can easily dump images. Left the right controls, a variant of the game, all the same material that you will find in ppt. presenter mode ...

http://www.catchmyfame.com/2009/12/30/huge-updates-to-jquery-infinite-carousel-version-2-released/

Answer 11

The "actual answer" is that you cannot do this directly. You need to transform your PowerPoint presentation into what the browser can handle. You can save each page of a PowerPoint presentation as a JPEG image and then display it as a series of images. You can save the PowerPoint presentation as HTML. Both of these solutions will only display static pages without any PowerPoint animations. You can use the tool to convert a PowerPoint presentation to Flash (.swf) and embed it that way. This will save any animations and presumably allow you to do automatic slide shows without having to write special code to modify images.

Answer 12

The first few results on Google sound like good options:

http://www.pptfaq.com/FAQ00708.htm

http://www.webdeveloper.com/forum/showthread.php?t=86212

Answer 13

Try PowerPoint ActiveX 2.4 . This is an ActiveX component that inserts PowerPoint into OCX.

Since you are using only Internet Explorer 6 and Internet Explorer 7, you can embed this component in HTML.

Answer 14

As a side note: if your intranet users also have Internet access, you can use the SlideShare widget to embed your PowerPoint Presentations on your website.

(Remember to mark your presentation as confidential!)

Answer 15

Some Flash tool that can convert a PowerPoint file to Flash may be useful. A slide resource is also useful. For me, I'll take something like PPT2Flash Pro or something like that.

Answer 16

Well, I think you will convert powerpoint first. PowerPoint is not a shared format on the Internet. Some tools, such as PowerPoint to Flash , may be useful to you.

Answer 17

I spent some time learning about this and almost all the freeware and shareware programs on the website. This included software to directly convert the .ppt file to Flash or some kind of video format, as well as software to record your desktop. The software was awkward and the quality was poor.

The solution that we finally came up with was a little rutted, but it gave the best results:

• Export the .ppt file to some image format (.bmp, .jpeg, .png, .tif) - it writes out one file per slide
• Import all slide image files into Google Picasa and use them to create videos. You can add some nice simple transitions (it doesn’t have some terrible .ppt, and who cares), and it uploads WMV of your specified permission.

Saving as .wmv is not perfect, but I'm sure it is probably quite simple to convert it to another format or Flash. We were looking to upload them to YouTube, and this did the trick.

Answer 18

An easy (and free) way is to download OpenOffice and use Impress to open a PowerPoint presentation. Then export to a separate folder as HTML. Your presentation will consist of separate HTML files and images for each PowerPoint slide. Link to the cover page, and you're done.

Answer 19

I was looking for a solution to a similar problem.

I looked at http://phppowerpoint.codeplex.com/

But they do not have the best documentation and even no demo page that I could see there, and it was seemingly difficult.

What I came up with: SkyDrive from Microsoft. https://skydrive.live.com

All you need is an account with them and downloading PPT and embedding them right away. The PPT player is pretty clean to use and I like it.

Answer 20

I noticed that people recommend some PPT-Flash solutions, but Flash does not work on mobile devices. There is an iSpring Cloud hosting service that automatically converts your PPT to the combined Flash + HTML5 format and allows you to create embed code for your website or blog. Full instructions can be found on the website .

Answer 21

Power Point supports conversion to mp4, which can be published using the html5 video tag.

Save As> MPEG-4 Video (* .mp4)

 <video controls autoplay reload="none" style="width:1000px;"> <source src="my_power_point.mp4" type="video/mp4" /> </video> 

Answer 22

Another option is to use Apple Keynote on a Mac (Libre Office could not open the pptx that I had) to save the presentation in HTML5. It does a pretty good job of producing exactly what it displays in a key note, for example, it includes animation and video. Key note compatibility with PowerPoint has its limits (regardless of export).