YouTube embed in web content overlay blocks InDesign when previewing

I created an HTML file with this code:

<! DOCTYPE html >

< html >

< body >

" < iframe width ="560"height ="315"src =" http://www.YouTube.com/embed/XXXXXXX "frameborder ="0"allowfullscreen > < / iframe > "

< / body >

< / html >

I then created a box in InDesign and used the content of the Web, Overlay and select the HTML file that I created.

When I go to preview my ad on the iPad connected InDesign stops responding during "Checking content Folio x x"

Is something wrong with my HTML file? It is even possible to do?

For background information: I'm trying to get the same effect in streaming a YouTube video as I would if I had to directly integrate the mp4 in my pub. I don't know if this is even possible or what is the best way to do it.

Thanks in advance for your help.

If you have InDesign CS6, you can choose object > inserer insert HTML code, paste the YouTube embed code, and you're all set. There is an example of this in the ends of DPS > Advanced overlays.

Tags: Digital Publishing Suite

Similar Questions

  • Digital Publishing Suite help | Web content overlays

    This question has been posted in response to the following article: http://helpx.Adobe.com/Digital-Publishing-Suite/help/Web-content-overlays.html

    The features in the Panel inlays Folio work only in folios DPS, not in interactive PDF files.

  • Hyperlinks within Web content overlays

    I'm linking to my Web site using the Web content overlay, but when I click on a hyperlink in my site I want the next page to load within the same superposition of web content. Currently, when I click a hyperlink, it opens a browser window which I want to avoid.

    You cannot jump to a different URL within a Web content overlay. By clicking on a link in a Web overlay content opens the in-app browser window. I'm not aware of a workaround.

  • Customize the Web content filtering block Page

    Does anyone how and where I can customize the block page on a SonicWall NSA 240 of web content filtering? Also, I can't using the details I thought I configured, what do you advise for this problem also?

    Kind regards

    RocknRollTim

    You can customize the block page CFS in respect of Security Services > Content Filter > scroll down to bottom & customize it under 'block the Web page to display when '.

  • "Renditions" and web content overlays

    Hello

    I do single file "renditions" and include an overlay of web content.

    Is it possible to put another set of files in a folder to HD as I do with video and image sequences?

    Thank you!

    No, that is not taken care of, but it should not be necessary. Do you observe web different results on SD and HD overlay devices?

  • Placement of HTML5 in web content overlay

    I have a simple HTML, only 4 k animation and yet when I place it using the superposition of web content, it is not play in preview (value autoplay etc.) and when I try to see in the simluator iPad, or even try to regroup - InDesign crashes. What am I doing wrong - and keep in mind this is my first foray in HTML in DPS...

    Thank you.

    I guess that your HTML files are stored locally in a folder called OverlayResources, noy don't know if they still must be in a folder with that name, but they used to. So, if they are not in the folder OverlayResources try this. probably you have also tested on a browser safari and the OK animation playback.

    What did you use to create the animation, just out of curiosity?

    See you soon

    Alistair

  • Web Content overlay | Do not load local images

    Hello

    the tutorial for the content of the Web, Overlay said, you must place all images and scripts in the same folder as the HTML itself, when you use a local html page.

    example:
    index.html
    pic1.PNG

    Pic2.jpg

    Unfortunatlly it does not work. Why? Any ideas? The images do not appear on my device or the generator to glimpse of insanity.

    And Yes, if I open the html code in my browser (like firefox or chrome) it works well.

    It only works with images that are hosted online on a server.

    Thanks for responding.

    Bart

    It finally works!

    I tried a lot of things, but now I know the savings/failure/bug.

    Unfortunatlly Indesign uses an absolute link to the local Web page.

    example: C:/Jobs/Customers/CustomerFake/JobNo/v1/index.html

    If this URL is too long (more than 40 characters), it does not work.

    Initially, I thought my way was wrong, because I used German characters such as a or ss. But it's not bad. Its all about the length of the URL.

  • Adobe InDesign - content overlay Web - prevent the spread of events Scroll

    I have an InDesign magazine that contains a Web Content Overlay (pointing to a responsive website). Everything works fine apart from when it comes to scrolling.

    I run the magazine from an iPad via Adobe Viewer. Is not only the scrolling vertical (up and down) is necessary, horizontal.

    Problem

    When user left or right moves, changing page of the magazine and web content firm.

    Question

    Is it possible that I can stop the scroll events from spreading until the magazine of the overlay of web content? Preferably, it would happen on the web content itself (for example using JavaScript) as it would mean only, I need to change in one place, rather than on each page, the web content.

    Attempted

    Captures the touchmove on the body of the page and calling stopPropagation() on that event.

    Call preventDefault() on the event (this prevents any scrolling at all).

    With the help of pageX touchmove events and call preventDefault() all those who seem to be horizontal scans (too unreliable).

    With the help of CSS overflow-x: hidden

    jQuery scroll personalized Mobile events.

    A little addition to combinations of the above.

    Found a solution. First, insert a ' ' tag 'window' in the head:

    Note that I've set a static width of '701', it's important. Width of the overlay of web content is "700px". Set a width of "701" means that the page can move very slightly. This agitation means that the left/right scan is taken and not percolated to InDesign. There is a slight delay (of a pixel) if they drag, but it's minor compared to the new page.

    Then add the following in your page CSS:

    . Happy {}

    -webkit-too-full-scrolling: touch

    }

    You should not have this CSS, but it was necessary for us.

  • Typekit fonts do not display in iPad app DPS (created by Indesign) in Web content (leading edge)

    I think I tried every permutation to make this work, but probably miss me something.

    I'm creating a single application iPad DPS with InDesign, and I use a Typekit font throughout.  So far so good.

    I created a project to animate Dashboard using the same Typekit fonts.  In preview mode, this makes it very well.

    However, when I place the project dashboard animate in a frame in InDesign and use the Web Content Overlay Folio (I have use the .oam file or directly link output .html published by Animate), Typekit fonts will not appear in the dashboard part animate DPS app and use instead a rescue police.

    Can anyone suggest a way to make edge Typekit fonts animate the work when they are incorporated into a DPS app?  (For what it's worth, I have the same problem when the incorporation of output html of tumult Hype, it seems unlikely that this is a problem with edge animate at all and probably more to do with something in the way that the DPS application deals with embedded html content has.)

    Thanks in advance for any help.

    Hey cp_level,

    Unfortunately Typekit fonts don't lend themselves well to borad distrubition you must define on site that the police is broadcast. For example, I want my fonts for display on www.mysite.com--je must go to Typekit and explicitly define www.mysite.com in the list of allowed sites, otherwise the police appears. It is a requirement on the side of Typekit so people can tear off the embed of someone other site code and use it on their own.

    As your digital publication does not have a site that can be defined, your fonts will not be shown by the use of HTML content incorporated (including Animate) with DPS. Typekit Fonts of office work as expected because they get shipped with the release with another Office font you use.

    Now if you are uncomfortable with using online-only, you could find a suitable replacement using Edge Web fonts that don't require site definition. If you have a police office that you want to use WITH the EULA, suitable for web use, you can use a web font generating service as FontSquirrel and incorporate locally with Animate.

    HTH,

    Sarah Hunt

    Product Manager, Adobe Edge animate

  • Up-to-date reliable content overlays Web

    Hello

    whenever I'm creating Web content overlays in Folios, I run into the problem, they don't update on servers of DPS. So if I change, say that the CSS of the Web-embedded content, save the. CSS, an InDesign file and update the Article via FolioBuilder sometimes the content remains the same when I update via the Adobe Viewer on iPad.

    Now, my solution: create another HTML file in a different folder and point to this new folder/file to overlay the Web content. But it of really ugly and keeps me develop more quickly.

    Any idea?

    If you test on iOS it is unfortunately a bug in iOS, not a bug of DPS. The operating system is cached files even after that put us them to day and supply of content cached in the overlay of web

    Neil

  • DPS - overlay Web content. How to implement action parts hanging out in .folio?

    Hello

    I'm building a huge project, a kind of Encyclopaedia with multimedia and interactive content that I created using Adobe Edge 1.0 animate and tumult Hype. They are perfectly busy in their own respective Web content overlay and work almost perfectly.

    One of them is a movable game, in which you drag a man to one side or the other just to see how it tilts. I tried it with many browsers, and it works perfectly fine. But when I bring it in the inDesign document (in an MSO) I can't drag the man, as the STROKE changes the page.

    What can I do? Is it possible to avoid this default behavior when using these interactive content?

    Best regards

    Luis, Santa Maria

    OK, thanks for not responding anyway.

    I managed to get the solution by myself. I just put an e.preventDefault (); function when you drag and it just worked.

    Thanks again to all of you who have not helped and was able to do.

    Best regards

  • Content overlay HTML Web - Android

    Hey guys,.

    I'm having a problem with a HTML website content too Gallery shot with Android native Viewer.

    The overlay is the second State to a MSO. The HTML code works as it should, but the 'Close' button on the second State that should make the DSO in the first State does not.

    It's like the web content overlay is sitting on top of the DPS button. Everything works in iOS.

    Ideas or known issues with Android native Viewer and HTML overlays?

    See you soon,.

    Nathan

    You will need to examine alternatives on Android if you want to get the content for now. It is not an easy change to make because of the nature of HTML on Android, and we will take time to know what to do or if it is still possible to solve.

    Neil

  • How to close the overlay of web content

    This is probably a simple solution, but I was not able to find it and do not know HTML very well.

    After that overlay web content loading, we would like to include a button that allows the user come back to the page on that their origin.

    Now, we will serve as a navto to return to the specific page, but now the overlay even on several pages of the folio and we need the user to be able to return to the exact page they came.

    Is there a simple "closed" command instead of "navto", we can use?

    Thank you.

    I'm not aware of a simple way to 'close' a Web content overlay enabled. I guess you can display web content in the browser in application using a link to go to the URL. Users would press a button, display HTML content in browsers in application and then press the close button. But that may not work for your design. Another possibility is to place the overlay in a MSO state that includes a button that switches to another State. Again, this depends on your design.

    You can post feature requests here: www.adobe.com/go/wish

  • Video streaming through overlay Web content

    Really would like to help here. Whenever I have a link to an HTML file containing a MP4 video through the Web content, Overlay, all other body text in the rendered pages is no longer a vectors (the text becomes pixelated). The video is in the H.264 format. Any ideas?

    Source link streaming video has the same page resolution that your folio is? Have you checked the "content scale to fit" option is the superposition of web content?

  • Fixed provision ePub - please help me embed videos and/or use overlay Folio with web content

    Hello

    I have a file In Design to create a printed book (11 "x 11") and decided to use CC 2014 to create a layout fixed ePub 3 for a digital version.  I converted the book on minor issues of having to change the font and it is very beautiful.

    I want to add videos at the end of the book to take advantage of the flexibility of the digital format.  I create a slideshow of my photos year-end and host them on Vimeo.

    I tried the following:

    Using the standard Vimeo include the code in an HTML element

    The use of the old flash Vimeo embed code and conversion to HTML - worked great on iBooks on Mac but not on iPhone/iPad as based on flash

    Accommodation and a link to the videos on my own web server and using the media - link to video mp4 file

    Accommodation and a link to the videos on my old server of smugmug.com photo

    I can integrate real videos, but to their smaller size, they increase the file size of the ePub to 78 MB, 400 MB...

    I thought then that I would use an Overlay Folio - Web Content.

    The idea is to use this blank page on my site that would look for all purposes useful to another white page in the book - 2012 slideshow - Oren photography

    The overlay works in preview but not Folio when exporting as an ePub

    Is this a limitation of the ePub format?

    Any help/advice/suggestions on fixing this are greatly appreciated.

    E

    The format of Vimeo is not supported when you place in InDesign.

    Overlays using Folio is a feature of the DPS, which is not supported in EPUB files.

    With the help of streaming video is not a good idea because it presupposes that the EPUB reader is connected to the Internet. Most people expect an EPUB content will be autonomous.

    I would like to used embedded in MP4 format videos, but use Adobe Media Encoder to Downsample to reduce their file size.

    A slideshow of images should be no problem, and you can create them with the Group of objects. You can create buttons to control the slide show display.

Maybe you are looking for