Show the PowerPoint presentation in web page using html - javascript

I trying to display my ppt with long time where the screen should run continuously in web page where the file is in my local folder but it is not showing in web page. The code is below :
<!DOCTYPE html>
<html>
<body>
<iframe src="lp.ppt" width="800px" heigt="600px" name="iframe_a"></iframe>
</body>
</html>
can anyone help to display ppt in html page.

You can use Google Docs to serve as your document viewer. You just need to upload your file and use the share link as the iframe src.
You can get the embed code by uploading your file and opening it in google docs (in this case, Google Slides) then click the file tab and click the Publish to the Web. From there you can copy the embed code. Make sure that the file is public! :)
<iframe src="https://docs.google.com/presentation/d/17nlO95lz91-shRep16UiJl-3EAxv-MnOFH718ku2gtw/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<iframe src="https://docs.google.com/presentation/d/17nlO95lz91-shRep16UiJl-3EAxv-MnOFH718ku2gtw/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
Hope this helps!

Related

Google Drive not Loading pdf Link

I shared the link to the file on Google Drive with anyone who has the link, and for some reason my PDF doesn't show up. It works for someone else's Google Drive link but not for my link.
I've tried sharing it with the whole internet on the UI in Google Drive but nothing changed. Just a blank page.
<!-- simple.html -->
<!DOCTYPE html>
<html>
<head>
<title>Google Drive not Working for Me</title>
</head>
<body>
<object data="https://drive.google.com/file/d/10IcEechL2QV5enxoec-B5jhfCaJ9xkzU/view?usp=sharing" width="600" height="750">
<embed src="https://drive.google.com/file/d/10IcEechL2QV5enxoec-B5jhfCaJ9xkzU/view?usp=sharing" width="600px" height="750px" />
<p>This browser does not support PDFs. Please download the PDF to view it: View the PDF.</p>
</embed>
</object>
</body>
</html>
I want to see my PDF, but all I see is a blank page.
Here's My Page not working.
Here's Someone else's Google Drive Link Working
Use the URL with /preview rather than /view as in your example;
https://drive.google.com/file/d/{fileId}/preview

How can I force swf files to be run, not downloaded

For example, I want to make an iframe to this url: http://example.com/game.swf
The problem is, users who are on different browsers/devices/settings have the issue where instead of running the swf, the browser is just downloading it.
Keep in mind, I don't have access to the code for http://example.com, or the fla file. I need to use the iframe hack because of some issues with the swf.
The iframe must load an HTML file, instead of directly loading some SWF file. So get around that rule by embedding SWF within the same html that the iFrame will be loading.
If iframe has code:
<iframe src="http://example.com/game.html"> </iframe>
Then in game.html have code:
<!DOCTYPE html>
<html>
<body>
<embed src="http://example.com/game.swf" width="800" height="600">
</body>
</html>

PowerPoint presentation in web Browser without using Google Docs

I trying to display my ppt for long time where the screen should run continuously in web page without using Google Docs or Skype Drive where the ppt file and html page is in my local folder but it is not showing in web page. The code is below :
<!DOCTYPE html>
<html>
<body>
<iframe src="lp.ppt" width="800px" heigt="600px" name="iframe_a"></iframe>
</body>
</html>
can anyone help to display ppt in html page.
I'd recommend the official View Office documents online
For embedding you can simply use code like below:
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src={urlencode(site-to-ppt)}' width='962px' height='565px' frameborder='0'></iframe>

embed tag not displaying pdf file on mobile browsers

I used embed tag to show a pdf file on my html page and it is displaying the pdf file very well on a desktop and laptop browser but that is not showing the pdf file on moblie and talbets , is there any way I can make them appear on mobile as well .
Here is the concerned code :
<embed src="assets/img/jimbosmenu.pdf" width="900" height="900">
Here is the link to live page .
http://jimbosjoint.com/menu
You need to use object, not embed
<object data="filename.pdf" type="application/pdf" width="100%" height="100%">
<p>Your web browser doesn't have a PDF plugin.
Instead you can <a href="filename.pdf">click here to
download the PDF file.</a></p>
</object>
show it from google docs like that:
<object width="900" height="900" data="https://docs.google.com/gview?embedded=true&url=http://jimbosjoint.com/assets/img/jimbosmenu.pdf"></object>
The <embed> tag is outdated. Consider using the <object> tag. However, it might be a better option to link to the PDF file, so the mobile user can view it in full screen.
<object> tag will not display pdf on mobile chrome; The solution is to use <iframe>:
<iframe src="filename.pdf" title='SOME_TITLE' />

How to write HTML for embedding Flash content

I am having a URL of some MSN video as http://video.in.msn.com/watch/video/the-help-theatrical-trailer/fcvrtnl7,
I would like to create a HTML document in such a fashion so that if I load that HTML document then, only that running flash content present in the link mentioned below should come. I have created a HTML doc but when I load that, I am able to see only Flash player on my page , it is not playing any video content in that.
Below mentioned is the HTML code. Please advice am I missing execution of any Javascript, if yes then how to identify which is the required Javascript to get the video loaded in the flash player.
<html>
<body topmargin="0" leftmargin="0">
<embed
type="application/x-shockwave-flash"
src="http://img.widgets.video.s-msn.com/v/5407.02/fl/player/current/player.swf"
width="800" height="450" "autoplay=false"
type="application/x-shockwave-flash"
id="rich_embed_460916691"
data="http://img.widgets.video.s-msn.com/v/5407.02/fl/player/current/player.swf"
PARAM=""
bgcolor="#000000"
allowScriptAccess="always"
quality="high"
wmode="window"
allowFullScreen="true"
flashvars="playlistmin=11&ps=10&mode=destination&ifs=true&playAdBeforeFirstVid=true&endslateTime=1&slateAd=true&pl=false&adaptiveBuffering=false&hideShare=false&hideInfo=true&hideSearch=true&hideMoreVideos=true&hidePlaylist=true&rst=v5&mkt=en-in&fr=dest_en-in&reportingType=dest&brand=v5%5e800x450&adEventTimeout=15&adFull=Web&adPartial=Partial&adModelType=MSN&adDivs=ux1_2_1_300x60ad_msn%2c300%2c60%3bplayer1000x650ad%2c1000%2c650%3bplayer1380x1024ad_temp%2c1380%2c1024%3bplayer1380x650ad%2c1380%2c650&timePlaying=60&videosPlayed=1&ad=true&vc=catalog.video.msn.com&vce=edge1.catalog.video.msn.com%2cedge2.catalog.video.msn.com%2cedge3.catalog.video.msn.com%2cedge4.catalog.video.msn.com&vci=img1.catalog.video.msn.com%2cimg2.catalog.video.msn.com%2cimg3.catalog.video.msn.com%2cimg4.catalog.video.msn.com&msnlink=true&linkOverride2=http%3a%2f%2fvideo.in.msn.com%2f%3fmkt%3den-in%26vid%3d%7b0%7d%26from%3d&linkBack=http%3a%2f%2fvideo.in.msn.com%2f&ap=true&widgetId=ux1_2_1_1_5&rv=true&rvp=false&versionPath=%2fv%2f5407.02%2f&qualityOverride=LO"
/>
</body>
</html>
On the page you refer to there is a 'Share' button.
If you click it, it gives you the code you can copy and paste:
<iframe
width="432"
height="243"
frameborder="0"
marginwidth="0"
marginheight='0'
scrolling="no"
src="http://hub.video.msn.com/embed/b7dad6f8-9355-4ccc-8b1b-d6eea6f28764/?vars=bWt0PWVuLWluJmJyYW5kPXY1JTVlODAweDQ1MCZsaW5rb3ZlcnJpZGUyPWh0dHAlM2ElMmYlMmZ2aWRlby5pbi5tc24uY29tJTJmJTNmbWt0JTNkZW4taW4lMjZ2aWQlM2QlN2IwJTdkJTI2ZnJvbSUzZCZsaW5rYmFjaz1odHRwJTNhJTJmJTJmdmlkZW8uaW4ubXNuLmNvbSUyZiZjb25maWdDc2lkPU1TTlZpZGVvJmNvbmZpZ05hbWU9c3luZGljYXRpb25wbGF5ZXImc3luZGljYXRpb249dGFnJnBsYXllci5mcj1zaGFyZWVtYmVkLXN5bmRpY2F0aW9u">
Video: The Help: Theatrical trailer
</iframe>
As #GabrielTheron suggested it is an iframe.
I'm no expert here, but perhaps an iframe might be easier/better to use?
I know it's quite a common way to use external content in a webpage (especially Flash content).

Categories