Is there a way to render HTML inside a PDF file? - html

These past months I' being developing a portfolio, that consists of a swf file inside a pdf document.
However, it doesn't work on devices that don't have Flash installed, like iPads for example. So the client wants to port the Flash content to HTML 5, but AFAIK, that is not possible, PDF can't render HTML.
Do you know of any way to achieve this?.
Even pdf readers in iOS devices can't run javascript inside pdf files properly, so, dynamic forms made with LiveCycle Designer wont work either.

Related

embed pdf in html: difference between gview and simple iframe

in this video they recommend using an iframe that calls the GView (google viewer). Is it of any use? Can't you simply reference the pdf in the iframe? what's the benefit of adding the GView?
https://www.youtube.com/watch?v=visxQbQIySg
Most of browsers are expected to manipulate standard web extension such HTML,CSS,JS etc. however they may optionaly support non-web extension (as well as PDF,SWF etc.).
If you push a PDF directly to the browser and the browser does not support PDF extension the file will be downloaded and no defference if you push it inisde an iframe. When you use GView or other Document Viewers they convert the target file to HTML tags or other supported formats for all browsers (like canvas) and so you make sure that the file will be displayed on screen rather than being downloaded. Also they have extra tools like zooming, paging etc. that improves the user experience.

how to insert this type of video onto wordpress site

How does one insert a video in a manner done in websites such as http://www.leadpages.net? where the video plays the moment the site is loaded and auto replays without any play buttons/full screen options/etc. It behaves in a way similar to that of gifs
My site uses wordpress/divi theme
WordPress comes with a cool feature called auto-embed. It can automatically get the embed code for video from video sites like YouTube and many more.
All you need to do is paste the video URL into the post editor. Make sure that the URL is in it’s own line and not clickable (hyperlinked), and that you are using the visual editor :)

Some components of an adobe interactive pdf aren't showing as expected

I was given an interactive pdf file, it has a slide with a small slideshow (3 slides) when looked at that particular slide. There is a play button and stop button at the bottom that appears/disappears if you move your mouse over it, and we can choose to play it or stop it. I don't know if its a video though. But, there is some interactivity in that slide. I tried to embed this pdf in an HTML file iframe. It works for the most part but the interactivity doesn't work in chrome: I have Version 53.0.2785.143 m of chrome.
However, not sure if by fluke or what, in IE 11 its working. Any ideas on how this can be made to work on chrome? I am using a simple iframe
<iframe src="file://C:\Users\svboll\embed-pdf\Interactive.pdf"
style="width:718px; height:700px;"
frameborder="0"></iframe>
IE 11 uses the Adobe Reader plugin (if available and it sounds like it is) to display the PDF in the iFrame so you'll see the interactivity play correctly there. Edge doesn't and neither does Chrome. Chrome uses it's own built-in PDF viewer which doesn't support most interactivity. For interactive PDF, you simply will not be able to create a consistent experience of PDF in an iframe across browsers, platforms, and devices. This is not a limitation of PDF, it's a limitation of the viewers in that they have not fully implemented the PDF specification.

PDF Thumbnails in HTML5

Can anyone suggest me how to create a PDF thumbnail which shows a miniature preview of the pdf file in html5. Something similar to the behaviour seen in Gmail while uploading pdf files.
Currently am using embed element, but it gives me unnecessary scrolls and not able to zoom in the file,which works across all browsers. If I set #zoom it works only in chrome.
This can be achieved using https://mozilla.github.io/pdf.js/
If the thumbnails are not compatible in browsers like IE, including compatibility.js from the same library would solve the problem.
We have to create a canvas and use the library utility to get the thumbnail in the canvas.

Dragging desktop images in a swf

Is there any possibility using the drag&drop technology for dragging desktop images onto a flash swf in a HTML document? I would like to be able to load images by dragging a image file from the desktop or file explorer and the traditional way of selecting it clicking the browse button.
Thanks.
It's possible to do that in AIR. See this blog post for a working example and some additional info: http://fbflex.wordpress.com/2010/01/15/how-to-drag-images-from-browsers-and-desktop-to-adobe-ai/