YouTube embed in web content overlay crashes 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 Web Content Overlay and selected the HTML file I created.
When I go to preview my pub on the connected iPad InDesign stops responding during "Checking Folio Contents x of x"
Is something wrong with my HTML file? Is it even possible to do this?
For background info: I'm trying to get the same effect of streaming a video from YouTube as I would if I were to directly embed the mp4 into my pub. I don't know if this is even possible or what is the best way to do this.
Thanks in advance for your help.

Thanks Bob.
Okay, so here are the steps I'm taking:
1. Go to YouTube
2. Copy embed code
3. Go to InDesign
4. Paste embed code
This creates a web content area with the video embeded. So the user can click play on the video once it loads and can then click full screen on the video controls.
What I'm trying to do is have a button on my page which links to a full screen view of the YouTube video so when the page loads the video doesn't load but when the user clicks the button it would then load the YouTube video full screen. I'm looking for the same functionality that is possible were I to embed an mp4 straight into my document, hide it, and then create a button that plays the video in full screen mode.
Is the above possible?
Thanks.

Similar Messages

Web Content overlay crashing! Help?

Everytime I try to use the Web Content overlay, InDesign CS 5.5 crashes. Working in Mac OS 10.6.8, for what it's worth.
I have a local html file that should display an RSS feed. When I try to bring it into my InDesign file with the Web Content overlay, everything seems fine until I try to save or preview; that's when InDesign spins and spins and spins until it crashes. I've tried much simpler html (just a black box that should appear on the screen) just to test, but it still won't work.
Here are my steps:
1. Create local html file and test in browser. No problems.
2. Within InDesign document, create bounding box to exact size or larger of what the html file will take up. No problems.
3. Using the Web Content overlay, choose my local html file to go in the box. Autoplay on. No problems.
4. Preview or save. CRASH.
Am I doing something wrong? Is anyone else having this issue? Help?

I have been getting exactly the same thing happening. I worked on this months ago and gave up eventually.
I tried again yesterday and after a few crashes I got this to work. Not sure exactly what fixed it as I tried many things but here is a rundown. I did get multiple crashes but persisted this time.
I made a new document to house my animation, it was 200 x 400 pixels (size does not matter as long as its consistent - see further on).
I created the animation in Indesign CS 5.5 and tested. Once I was happy I exported the FLA into a folder. Not sure if this helped in any way but I moved the Indesign doc into the same folder.
I used Wallaby to point to the FLA and converted it into HTML5 and saved all the elements into the same folder. I dropped the .html onto the browser and it worked fine.
I then drew a frame in my Indesign doc exactly the same size as previous, ie 200 x 400 pixels (again not sure if this had any effect on fixing the issue but it worked for me). I used overlay creator/web content to point to the .html file. I saved the folio and uploaded it to DPS.
When I checked this on the iPad it works fine.
Again, not sure how or what exactly fixed this but it works.
Could just be that the more you try it the less it crashes and eventually works. :-s
Hope this helps.

Web content overlay - always "on top"?

Hi
In my Indesign DPS doc, I have a top later with content and a second bottom layer with some html 5 animation showing within a web content overlay box.
Everything previews well, except the overlay content always seems to be "on top". guess this makes semse since it is really just a "web window" but I thought I would ask since it will impact my designs moving forward...
Thank you-
S

Overlays always rise to the top, which is why they're called overlays. If you want to cover part of an overlay, you need to use another overlay. A common approach is to create a 2-state MSO with two identical images and auto play set to 1.

InDesign Crashes when uploading an article with Web Content Overlay - have checked forums

I'm making a folio for my design portfolio in InDesign CC
I currently have one article uploaded, when I try to add my next article InDesign crashes.
I have previously uploaded the article without the single web content overlay and it uploads fine.
The status bar gets stuck at the end 'Building folio ... Processing overlays...'
The content is a simple web form and is only on page 6/6 - not sure why it's freezing by adding a small page on the end.

I've just tried uploading a single page article with the Web Content overlay and it's crashed again.
Not sure if that means it's the web content?

Web Content Overlay-Youtube Error

Hi All,
I want to avoid folio bloat by using the Web Content Overlay linked to an HTML page with a Youtube embed link. Works like a charm on my iPad 2 except for something strange that happens if I tap outside the boundry of the HTML window/viewport. The video will play underneath the viewport at larger size beyond the iPad boundries.
The video window is 1280 x 720, the video from Youtube is 1280 x 720.
I have not defined a folio, just a single InDesign doc I am testing within.
I am using an HTML 5 doc with correct syntax that is being imported.
The behavior is consistent and I can repeat the same "error".
I am using InDesign 5.5
D.

Figured it out! totally by mistake, there had been an object that was pasted into the file that was filled with a PMS color. Once I converted that PMS color to an RGB process color that took care of the script error.
weird!

Web Content Overlay - iFrame Width Issue

I'm adding a web content overlay in one of my articles. I've created and hosted a webpage that contains an iFrame of a Google Form.
When I select my text frame in the article, apply the Web Content Overlay option, add the URL, and load/test the folio on my iPad, the iFrame width I set in my html file isn't taking effect. The web overlay isn't displaying (and wrapping the text and form) according to the width that I specified in the html file. Testing the html file in different browsers on my desktop shows a change in width, but not so on the web content overlay frame in my article. Vertical scrolling is working just fine but I'd like to have a narrower width for the form so that a user only scrolls vertically; instead of having to scroll left/right to read more information on the form.
I've tried editing the iFrame width in the code: inside the iframe element, adding a div wrapper, defining a table width... No adjustments in the html seem to be rendering correctly on iPad.
And I'm not a huge fan of the Web Content Overlay's option of Adjusting content to fit the frame since it makes the form very small.
I'm running on CS5.5; I haven't tested the direct embed into
Any help is greatly appreciated!

Try to paste the code directly into InDesign. Sometimes it creates better results than just using a web overlay. I'm also dealing with some similar problem trying to get SoundCloud into the document.

HTML5 placement in web content overlay

I have a simple HTML animation, only 4kb yet when I place it using the web content overlay, it doesn't play in preview (set to autoplay etc) and when I try to view it in the iPad simluator, or even try to bundle it - InDesign crashes. What am I doing wrong - and bear in mind that this is my first foray in to HTML in DPS...
Thanks.

Bob Bringhurst - Adobe wrote:
Using a folder called OverlayResources is no longer required. Have you tested the HTML in mobile safari? Mobile safari does not support all HTML, and DPS does not support all HTML that mobile safari supports--a few things don't work.
I've tested it in Safari, Chrome and Firefox, all works fine. Wouldn't do anything for me in InDesign until I placed the HTML in to a 'OverlayResources' folder??

Short of dismantling and recreating a page how do i find out whats causing [Error: Invalid URL for Web Content Overlay]

Hi,
i received an indesign file to include in a folio that had links to the creators desktop where they had the assets for the web content overlay. When i try to update the folio i get the error message:
"Content generation error.
[Error: Invalid URL for Web Content Overlay]"
Which is fair enough.
The problem is, i have gone through and changed all URLs that I can see, but there is one somewhere, that I just can't find.
Is there a way to get a list of all web content overlays in a particular file? otherwise i will need to recreate the whole page again, and it has some pretty complex interactions which i rather wouldn't do.
I also cannot ask the original doc creator to just change the links as i'm sure he'll have the same issues as me, at not being able to track down the erroneous link.
The problem I have with DPS is that its not very transparent. you'll have to click on everything, and into every group to see what actions are on it, which can be extremely time consuming and frustrating when complex interactions are included.
thanks in advance for any assistance

I’ve found watching the process helpful to narrow down the page.
Working off a duplicate of the file, delete one layer at a time until you figure out what layer the problem is on.
From there it’s a bit easier to narrow down.

How to make a VR html file autoplay via the Web Content overlay

Hello,
We have created a VR using Object2VR and have loaded the .html file via the Web Content Overlay panel in InDesign CS5.5.
We want this VR to play automatically on page load, so we have checked the box 'aut play' in the Web Content overlay panel, but it won't play automatically.
We've tried switching the auto play off in Object 2VR and switching it on in the Web Content overlay and vice versa and also with both on, but still we cannot get it to autoplay.
Any suggestions? Is this a bug?
thanks,
AG

DPS is no longer supported in 5.5 you need Indesign 6 or Creative Cloud.
Set you auto play delay for the web overlay to something other than zero seconds, 0.125 works, if it is set to zero seconds. Leave the auto play enabled for the VR.

Web Content overlay error

Not sure why I am getting this error all of a sudden, but when I try to create a Web Content overlay by linking to a local html file I am getting a "Scrip Alert: Invalid URL for Web Content Overlay".
This isn't making any sense to me. A few days ago I successfully created a folio while creating a Web Content overlay with a local file and now this morning I am trying to link to the same html file the exact same way and it's not working.
I am using InDesign CS 5.5 on Windows 7 64-bit. Any ideas?
Thanks in advance!

Figured it out! totally by mistake, there had been an object that was pasted into the file that was filled with a PMS color. Once I converted that PMS color to an RGB process color that took care of the script error.
weird!

Autoplay on page load doesn't work in Web content overlays

I would like an audio file to play in a web content overlay and can't manage to make it play automatically when page loads. Because of different complications I can use neither the html-stack nor the audio overlay in Indesign. When I test the html file used in the web content overlay in safari on my computer it works but not inside the app.
I have also set the frame with the web content in indesign to "autoplay" in the overlay creator. This makes the audioplayer in the web content overlay visible on the page, but you still have to push the play button to start the music.
Has anybody had the same problem and solved it?

Apple does not allow autoplay within HTML, to avoid high data costs. There
might be a workaround using javascript, but you need to search for it.
—Johannes

Suppression of nav bars (chrome) in web-content overlays

We've started to experiment with creating interactive content within folios, using web content overlays and HTML5/AJAX.
Problem is the nav bars/chrome (whatever you want to call them) in Adobe Viewer pop up constantly, and unpredictably - for instance, the chrome will appear the *first* time an HTML button is clicked, but not on subsequent occasions. For other <div> elements that have onclick handlers attached, the nav always seems to appear.
Does anyone have any insight into possible ways of suppressing the nav bars completely for web-content user interaction? Judging by the behaviour of HTML buttons, it seems there has been some effort put into this on Adobe's part, but some concrete insight would be brilliant.
Cheers,
David (Boto Media).

I have already come across these "solutions".
I am on v27 and have been since its release.
I have tried method number one. It partially works however it is buggy. When the overlay initially loads, it flashes the Twitter URL before showing the feed in the overlay frame on the article. Additionally, it sometimes flashes back and forth from the Twitter Feed's URL and displaying the feed itself. This, for me is not a wholly valid solution but it will do for now since the only thing that remotely works. I suspect the URL flash has alot to do with the network connectivity of the device one is viewing the feed on. However, to flash that URL before the feed loads makes the overlay appear buggy.
And the second method most definitely crashes ID ever single time I attempt to preview the overlay either on desktop or iPad. And I have tried this method on several different machines, thinking it was my copy of ID. It still crashes upon preview, so mehtod two is not a valid solution at all, unless there is something special that needs to be in the HTML file (besides the twitter widget) for it to not crash ID, that I am unaware of.
Thank you for your assistance.

Web Content Overlay | Local images do not load

Hi there,
the tutorial for the Web Content Overlay says, that you have to place all images and scripts in the same file folder, as the html-file itself, when you are using a local html-page.
example:
index.html
pic1.png
pic2.jpg
Unfortunatlly it isn`t working. Why? Any ideas? The pictures are not visible on my device or the folie preview builder.
And yes, if I open the html in my browser (like firefox or chrome) it works well.
It works only with pictures, which are hosted online on a server.
Thanks for answering.
Bart

It finally works!
I tried a lot, but now I know the misstake/failure/bug.
Unfortunatlly Indesign uses a absolute Link to the local Webpage.
example: C:/Jobs/Customers/CustomerFake/JobNo/v1/index.html
If this URL is too long (more than 40 characters), it does not work.
At first I thought, that my path was wrong, because I used german characters like ä or ß. But this doesn't matter. Its all about the lenght of the URL.

Content generation error: invalid url for web content overlay

Hi,
I am having an error message " content generation error: invalid url for web content overlay" when I want to upload the article.
I don't have any link with that article and this is my 1st time having this kind of error. I am using indesign CC
Please help.
Thanks,
Rush O

I’ve found watching the process helpful to narrow down the page.
Working off a duplicate of the file, delete one layer at a time until you figure out what layer the problem is on.
From there it’s a bit easier to narrow down.

Invalid URL for Web Content Overlay, ERROR!!!!!!

Hello All,
I'm hoping someone can help me with this error, I was working on my indesign file and was testing it out locally, then I went on to upload my file and I got prompt to install a new version of the Folio panel which I did, now every time I try to upload my file I get this "ERROR: Invalid URL for Web Content Overlay", I've searched around and have not come up with an answer. Not sure if its a bug on the new update or what. I tried some troubleshooting which this is what i did. I copied my first page of my document onto a different file and tried to upload one page and then i got the error but then I deleted the images and just left one text box and it uploaded my file without any issues, strange huh. Any ideas????

I was having the same problem with both hyperlinks and buttons in one particular file -- "Invalid URL for Web Content Overlay." It seems to only be a problem in files where I had a link or button previously, and then deleted the object. When I create a new object and create a link or button, it's as though the old link is still lingering somewhere in the file! However, none of the old links is listed in the hyperlinks panel before I create a new one.
This occurred while I was teaching a DPS class, using the Adobe courseware (sight unseen by any proofreader, I believe). In one of the exercise files, the steps for the student to create hyperlinks and buttons had already been done, so I deleted the hyperlinks. (I think I deleted the text frames that contained them, but I'm not sure.) I never had a problem with it UNTIL I downloaded the Overlay Creator/Folio Builder dated June 19 (v21, I think).
In the same file, I also had problems with a NAVTO link, . I don't think there were any NAVTO links in any earlier version of the file, at least none that I ever created or deleted.
I've coded HTML since the days when the only available tool was Notepad, so I'm sure that I used correct URLs (and none redirected). Even the URLs in the deleted objects were correct; I only deleted them so the exercise could be done again.

YouTube embed in web content overlay crashes InDesign when previewing

Similar Messages

Maybe you are looking for