Iframe format for embedding - javascript

I'm trying to embed a 360 panorama tour into Adobe portfolio I brought this from visor but adobe portfolio just supports Iframe format :
<script src="/scripts/embed.js" data-vizorurl="https://patches.vizor.io/embed/mahmoudgfx/makarm_villa_a" ></script>
Could this above code to be converted into Iframe embed?

Regarding...
"...Adobe Portfolio just supports Iframe format"
If Portfolio accepts it, then just try making an Iframe like this :
<iframe src="https://patches.vizor.io/embed/mahmoudgfx/makarm_villa_a" width="800" height="600">
PS: A fully testable HTML code example (to confirm Iframe works naturally) :
<!DOCTYPE html>
<html>
<body>
<iframe src="https://patches.vizor.io/embed/mahmoudgfx/makarm_villa_a" width="800" height="600">
</body>
</html>

Related

how to remove the pdf download icon that was opened through iframe

I want to remove that download icon that is in the PDF viewer, but I can't. I'm opening the pdf through an iframe. Here is an example of my code below:
<html>
<head>
<title>Disable Context Menu</title>
</head>
<body oncontextmenu="return false">
<iframe id="pdfFrame" width="500px" height="600px" src="png.pdf"></iframe>
</body>
</html>
First I tried to apply a style inside the page opened by the iframe, but I couldn't succeed in that.
Change:
<iframe id="pdfFrame" width="500px" height="600px" src="png.pdf"></iframe>
In:
<iframe id="pdfFrame" width="500px" height="600px" src="png.pdf#toolbar=0"></iframe>
Hope that helped!
You cannot simply change the view of a PDF when you placed it in the Distributed Network System (WorldWideWeb) it became just the same as EVERY item in the Public Domain an embedded object for download and view.
You can make suggestions as to how those dis-positions may be handled (see how I suggested via a fragment the second frame could be #toolbar=0) but once you publish html objects they are no longer yours to control.
Most browsers will come with their own editors to remove that just as easy as you can add it.
There are ways google can make it more difficult to extract the source PDF copy but if the client can view it a copy has already been gifted (dis-possessed) to them.
<html>
<head>
<title>Disable Context Menu</title>
</head>
<body oncontextmenu="return false">
<iframe id="pdfFrame" width="500px" height="600px" src="https://docs.google.com/viewerng/viewer?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true"></iframe>
</body>
</html>

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

JW player autostart not working on mobile?

I am using jwplayer in my site, I have included the player using iframe. I have included the player js script.
<script src="//content.jwplatform.com/libraries/playerid.js"></script>
then iframe with the source.
<div style="position:relative; padding-bottom:56.25%; overflow:hidden;">
<iframe src="//content.jwplatform.com/players/MEDIAID-PLAYERID.html" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;"></iframe>
</div>
When the user clicks on a cover image, I will reload the source of the iframe
video_block.attr("src", src);
It was worked on my mobile till last week.(15-March-2017). Now it is not working on mobile devices, I saw they are saying support for autostart on mobile devices. I am not sure the latest release has an effect.
My extracted testing code(this simple code itself not autostart on mobiles, although the corresponding player is autostart enabled):
<html>
<head>
<title>
IFRAME SAMPLE
</title>
</head>
<body>
<div style="position:relative; padding-bottom:56.25%; overflow:hidden;"><iframe src="//content.jwplatform.com/players/mediaid-playerid.html" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;"></iframe></div>
<script src="https://content.jwplatform.com/libraries/playerid.js"></script><!-- Featured Video Card Player -->
</body>
Unfortunately auto-play is officially disabled in android and has been disabled in IOS for a long time. There is no option to play a video automatically in any major mobile device anymore. ( of course on a web page )

Show the PowerPoint presentation in web page using html

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!

javascript and iframe not supported in browsers other than IE

I run a simple html file with an iframe and javascript working fine in IE Browser, but it is not working in other browsers like safari,firefox.
In safari the Iframe box is only displayed, but the content in that is not shown.
Please clarify why safari doesn't support it? what are the alternatives for iframe?
You can use <embed> tag ,which behaves like iframe
Here is example
<!doctype html >
<html >
<head>
<title>embed Tag </title>
</head>
<body>
<p><b>Example of embed tag in HTML5.</b></p>
<embed src="http://www.w3schools.com" height="300" width="300" />
</body>
</html>
While you can also use iframes on all browser
Here is example
<!DOCTYPE html>
<html>
<body>
<iframe src="http://www.w3schools.com">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Are you trying to do any different for iframe ?

Categories