Embed PowerPoint in a Content Page

[kmeeusen]

Is there any way to embed a PowerPoint slideshow in a Canvas Content page? We have need to add a transcript below the slideshow, so the typical upload a file to a module won't work.

[themidiman]

Not sure if this is what you're looking for but maybe you can try this: Embed a presentation in a web page or blog - Office Support 

[kmeeusen]

Yeah JEFHQ12951 I have been messing with that One-Drive work-round for over an hour, and just running into head aches. Then I found the right combination..........

• Upload to OneDrive,
• Open presentation,
• Click Open in PowerPoint Online,
• Then you get the share option to embed.

Thanks to pointing me in the right direction, and bless the gods that I poked around a bit more.

Kelley

[benjamin_rodrig]

Hi  @kmeeusen ,

You found a great solution along with JEFHQ12951's suggestion. 

Alternatively, if you have Office Mix you can publish it there and get an embed code.

It renders the PPT in a pretty cool way... here's a sample...

Click here for a sample of Mix in Canvas

Best regards,

-Ben

[karen_bowden]

FYI Office Mix is no longer available. Microsoft replaced it with a streaming service.

[benjamin_rodrig]

Hi  @karen_bowden ,

Thanks for letting me know. It was a nice service. RIP, Office Mix.

Ben

[jblumberg]

We have utilized iSpring to do this in the past:

iSpring Suite 8.7 – The Best E-Learning Tools for PowerPoint 

[karen_bowden]

Solution without resorting to Google or OneDrive or O365 is to:

1. Insert the file.

2. Select the file link.

3. Select Link options.

4. Automatically open in-line preview.

[davymortier]

Thanks @karen_bowden 
It works, but it is slow to see the preview, even with "small" presentations.
I also should like to choose how big the preview appears on the screen (by example 50% of the width).

Davy

[JeffCampbell]

Inline elements usually cannot have width by default. However, there is a way to get what you want through the HTML editor. The code needs to be wrapped in a <div> element with some extra code. Before doing this, make sure you have put the link to the document into the page.

Just in case you have not worked with the HTML editor, here is my usual tip. If you have a bunch of content, go to the spot directly above/below where you want the PP. Using the Insert menu in the editor, insert a Horizontal Line. Then click on the < > in the lower right corner below the editor. You will likely be in the Pretty HTML version. If working with HTML is new, click on Switch to raw HTML editor in the lower left below the editor. Then do CTRL-F to find <hr>. This is that horizontal line. You should see code either above or below it that shows the PowerPoint file. It likely will show up with some <p> and <a class...." codes at the start. Edit the code to look like this:

<div style="display: absolute; width: 50%;">
<p><a class.....> {blah blah blah} </a></p>
</div>

The <div> line will set you up to show everything as a block that is 50% width. Adjust that value as desired. On my end, it shows the top of the second slide and a has a horizontal slide bar, but it does restrict the size down to what you were describing. 

I have noticed that once it has loaded, it does not seem to take as long on future refreshes. Mine has 18 slides and it loads before I can even scroll down to it on the page I tested this on.