Youtube embed is breaking my animation

Hi,
I am atttempting to create embed a Youtube video into my ad and I am seeing some issues in the console that seem to break it. Can you anyone take a look and help me understand why this is happening?
Unsafe JavaScript attempt to access frame with URL file:///Users/adamperlis/Documents/PROJECTS/Gatorade%20Ad/Gatorade.html from frame with URL http://www.youtube.com/embed/B7X6jMDPb7w. The frame requesting access has a protocol of 'http', the frame being accessed has a protocol of 'file'. Protocols must match. www-embed_core_module-vflNmuGQq.js:26
EMBFbwww-embed_core_module-vflNmuGQq.js:26
EMBM.gwww-embed_core_module-vflNmuGQq.js:30
Here is my file:
http://dl.dropbox.com/u/9159616/Gatorade%20Test.zip
Thanks,
Adam

Hey Heathrowe,
Thanks for coming to the rescue again. Can you take a look at my file, it seems be breaking my animation. It freezes anytime I try to jump from one button to another.
Adam

Similar Messages

Can anyone help with YouTube embed and scrolling problem?

Hi,
Whilst working on a mobile version of a site, I've noticed that if you're scrolling through on a device and the area with the YouTube embed is near the top of the screen, it'll suddenly scroll all the way back up to the top of the site. This only seems to happen with the YouTube embed, the rest of the site seems to work fine.
Anyone else had similar issues?
The site is www.cowandbell.com/phone
I'm using an iPhone5 running iOS7 and it's happening in Chrome and Safari.

Sorry if it sounded like I was telling you to "go away." Far from it: I was trying to point you to the place where you might get an answer most expeditiously. I'm trying to save you time vs. simply having your question sit around unanswered.
For example, if other Parallels users have had the same problem, the Parallels folks would be the most likely know. I would not assume that"Parallels' answer will inevitably be, "We don't support third-party software."without first asking them.
You'd be surprised to know how many times folks post questions here about third-party applications and the questions go unanswered, while the answer is actually waiting to be found at the Web site of the third-party app's developer.
You might also try the HP Web site since it may be a general problem with that set of drivers under Windows.
Good luck!
Dr. Smoke
Author: Troubleshooting Mac® OS X

Youtube embed issues after update

I ran the required folio builder update for CS6 and now when I try embedding a Youtube video using "insert html" under Object, the youtube video won't work once I update the folio and attempt to view from my IPad. It's just a black screen. Any idea what happened? I am using the proper embed code (not flash)
It worked fine until I updated. I restarted everything- computer, inDesign, etc. Thanks, Mark

Hi Bob,
Thanks for you reply.
In your DPS Tips app (Effects -> Insert HTML, purple tab) is now mentioned that you should copy the entire embed code for sharing (and add "http://) on YouTube, and then choose "Insert HTML" in Indesign CS6.
Indesign CS6 creates a frame automatically, which, in fact, is a Web Content overlay.
Fortunately, after pasting the embed code, you can't see what is in the container frame afterwards. Not very useful in case you want to make changes.
In the link in my post above, you can read that you should create your own container frame, and then paste a part of the Youtube embed code in the Folio Overlays panel (and add "http://).
This is a bit different way of doing it, but it works fine in V27, viewed on an iPad.
Since you use the Folio Overlays panel in this case, you can see what is in the container frame (and also be able to change it).
Maybe you can add this second option in your app?

Youtube embed code in the lighbox widget crashes Muse

Muse crashes every time I use the youtube embed code in the lighbox widget. I am looking for a simple pop up video solution.

Use the YouTube widget from the Widget Library. It avoids this crash. (The next major update of Muse will enable you to once again use the embed code, if you prefer that over the widget.)
https://creativecloud.adobeevents.com/ccnext

High Definition Video glitch (for youtube, movies and games cgi animation)

Hi all. I have a problem with my Toshiba Satellite L745.
I'm using windows 7 32x. I realized that whenever I watched HD video whether on Youtube, movies or in game animation, the video will have glitches and most of the time making the laptop become slower to response. I have already reboot using the pre-install OS and used the "reboot to factory setting" option (or something like that.) But the problem still exists and it annoys me very much. Can anyone tell me what is wrong n what i should do?

Come on...is there really no one who can help me? This happens after I reformatted my laptop using the pre-installed OS...please help me...or maybe Im thinking of smashing my Laptop...

YouTube embed code getting truncated

I have a form field with a YouTube embed that I am trying to
read into a MySQL database.
<input name="Image1URL" type="hidden" value="<object
width="425" height="344"><param name="movie" value="
http://www.youtube.com/v/2X7xFIhTIDc&hl=en&fs=1"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><object
src="
http://www.youtube.com/v/2X7xFIhTIDc&hl=en&fs=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="425"
height="344"></embed></object>" />
On insertion, the entry is getting truncated to:
<object width=
Apparently it doesn't like the "
I tried to do a Replace to make it "" but can't figure out
the correct way to code it
Thanks.

Answering my own question
by converting the input to HTML format (simply by using a
<cfinput, not an <input tag) the value now displays as:
<input name="Image1URL" type="hidden"
value="<youtubeobject width="425"
height="344"><param
name="movie" value="
http://www.youtube.com/v/2X7xFIhTIDc&hl=en&fs=1"></param><param
name="allowFullScreen"
value="true"></param><param
name="allowscriptaccess"
value="always"></param><youtubeobject
src="
http://www.youtube.com/v/2X7xFIhTIDc&hl=en&fs=1"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="425"
height="344"></embed></object>"
class="form" id="Image1URL" />
which MySql interprets as:
<youtubeobject width="425" height="344"><param
name="movie" value="
http://www.youtube.com/v/2X7xFIhTIDc&hl=en&fs=1"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess"
value="always"></param><youtubeobject src="
http://www.youtube.com/v/2X7xFIhTIDc&hl=en&fs=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="425"
height="344"></embed></object>
btw: the reason object is displaying as youtubeobject in the
code above is because when passing the embed code from one page to
another, CF changes the word Object to InvalidTag. When the
variable is passed, I am converting it to either object if it
intended for display, or youtubeobject when it is inserted into the
db
<cfset YouTubeDisplay =
"#replace(FORM.YouTubeEmbed,"InvalidTag","object", "all")#">

Looking for a Programmer to Create A YouTube "Embed" Plug In

Hello everyone,
I am Looking for a Programmer to Create An Acrobat Pro "Embed" Plug In based on the free YouTube API.
The purpose of this is to be able to easily embed YouTube Video's within Acrobat documents so that It can stream the content into the PDF file.
Many have suggested to download the content and embed it, but doing so will violate the user agreement with YouTube plus it would increase the size of the PDF file consideribly.
If there are any Programmers out there that would be interested in taking this project on please let me know. I believe there is a real need for this tool which people would really like to have.
The programming goals for the project would be as follows:
1. Take the Free YouTube API and create a plug in for Acrobat that would allow you to easily embed content into any PDF.
2. The "Embed Plug-In" Would essentially allow you to just copy and past the embed codes from YouTube, Hulu, or any other web source that provides an "Embed Code" so that the content can easily be placed within the PDF. This embeded content could be videos, audio, playlist systems, ads, etc.. "anything with embed codes."
3. You would be able to select an area of the PDF for the placement, paste the code and then be able to resize the content window. i.e. for YouTube Files.
The Market for this is as follows:
- Web Based Magazines, or Flash Magazines that were created with Indesign, Acrobat then Flash. They can easily then create interactive content, with ads and multimedia. Anyone cab be interactive publisher then, no need for Flash Programming Skills.
- Educational Institutions that want to create lesson materials with Web Content.
- Business's that wish to share media elements from the web within PDF presentations.
If you need examples of how this might be used please contact me to discuss it further.
Thanks for your assistance.
Regards,
Robert
Robert Stewart
creativemind
New York

Since I only found the plug in yesterday I've only played with it a little bit.
First thoughts:
It works. It's easy to set up. I followed the instructions and I had a link working to our promotional video on youtube in only a couple of minutes.
Things I found:
I am using layers extensively in my pdf and wanted the plug in window to show up on only one layer. However as I mentioned before it doesn't do that so my workaround was to change the settings in the video to play in a floating window. However the plugin window is still visible if you do this, so my workaround was to reduce it to essentially a dot on the page and hide it on something pale grey! I created a button in InDesign and used that to fire the video.
Security stuff:
Obviously the pop up windows are somewhat frustrating but I see no way to get around them without doing what Joel suggested in his other blogs, which given the amount of users receiving my pdf and their varying competence levels with computers is not really an option. My workaround for that was to include a note explaining what to expect and do when they did show up.
For the future:
See if Adobe would make this an option in InDesign and usable within it's layers section. That would be awesome. I haven't had a chance to check out the addin Joel mentioned that might help with this in Acrobat. Have you?
Thanks for the other tips on embeding html etc - always good to find new ways get around problems.
Grahame

Scaling onstage MovieClip w/ "scaleX" breaks timeline animation ...really?

I'm scaling onstage MovieClips via AS properties "scaleX" or "scaleY", which kills any kind of animation the clips have within their container MovieClip, be it Classic or Motion Tweens. When I don't scale the MovieClips, they animate fine. I'm able to tell the clips to "gotoAndStop" on their own internal frames, and that doesn't affect their animation within their container clip. I'm referencing the clips via AS w/ their instance names defined in the IDE. I've also tried different clips and recreated them, getting the same behavior.
Is it possible to scale a clip via AS and still have it animate within its container timeline?
Does applying an AS property to an onstage instance somehow dissassociate it from other timeline properties?

That's the only solution I could find. And it worked. Thanks!
Any idea what is the relationship between onstage instances and adjusting their properties in AS? I've run into this kind of issue with TextFields before, too. As soon as properties are changed w/ ActionScript, some aspects break, thus forcing a kind of all-or-nothing approach to applying ActionScript to onstage instances.

Images are cutted and youtube-videos are breaking down in ie7, ie8

hi muse-experts,
have the problem, that some images are cutted in ie7, ie8. the side is now working on businesscatalyst and another server.
images are cutted here on bc: http://trabbitour.businesscatalyst.com/angebote.html , http://trabbitour.businesscatalyst.com/ostalgisches.html , http://trabbitour.businesscatalyst.com/deine-trabbitour.html
the same on the other server: http://trabbitour.de/angebote.html , http://trabbitour.de/ostalgisches.html , http://trabbitour.de/deine-trabbitour.html
the videos are breaking down, by starting to scroll the side: http://trabbitour.businesscatalyst.com/trab(b)i-was-is-n-das.html
for ie adaption I inserted on all pages between html and head this line: <!— switch IE 7,8,9,10 to quirks mode —> but with or without this, the error is the same.
maybe you have an idea, what I can do and what the problem is?
thank you.

It's very difficult to say without knowing more about your system. There are a number of possibilities. First, your 13" lacks a discrete GPU, so the CPU is doing the work that a GPU would have done as far as decoding video streams, etc. Each video stream will consume considerable resources from the machine, and if you have multiple things running with video streams being decoded (for example, a browser with video Flash or cumbersome animation and iMovie running at the same time), then that may be a factor.
Additionally, it could be that you are memory constrained. You didn't post a picture of the process list from activity monitor or the memory usage stats, but you probably want to look and see what the memory and CPU usage is and who's consuming what. Some applications are pretty inefficient. For example, if you have iPhoto open and have thousands of images, the indexed metadata and thumbnails are all stored in RAM. iMovie pulls in clip thumbnail sets - (and worse, it has to do on-the-fly transcoding video assets from some cameras that don't encode the video using the parameters it expects to make indexing frames easier). Again, this would show up as periodic spikes in CPU activity for the app.
You seem to have plenty of disk space, that's not likely to be a problem.
Check if Time Machine is running. Time Machine introduces a performance impact, but it's exacerbated by the presence of frequently changed large files (e.g., you don't want Time Machine backing up your video projects while you are working on them).
Lastly, you may consider checking the console for error messages. This might reveal background processes that might be bogging down the system, or things like filesystem/disk errors. If there are errors in the filesystem, when you access certain portions of the disk, the OS and applications can slow down or lock-up as a result.

Does this youtube embed work on Windows?

Was having issues making this work show on windows with the
embed youtube provided.
Wondering if this now works on IE.
http://www.christophercollinscollection.com/collection.html
Thanks a lot for any feedback!

it worked in IE7 and FF 3.0 for me.
Have you considered deploying in a non-YouTube format? an
option -
www.slideshowpro.net
Unless you want other people to embed the video in other
places.
"brian914" <[email protected]> wrote in
message
news:gprhqd$52s$[email protected]..
> Was having issues making this work show on windows with
the embed youtube
> provided.
> Wondering if this now works on IE.
>
http://www.christophercollinscollection.com/collection.html
>
> Thanks a lot for any feedback!
>

How to embed Adobe Edge HTML5 animations into carousel instead of images.

Is the above question possible? I cannot figure out a way to embed any of my html5 animations (created in Adobe Edge) into a carousel. I have tried creating a nested slider inside of Edge, and I have tried hard coding it, but can not figure out an appropriate solution.

Nancy,
Slideshow is now working great, but I cannot get my animations to exist within the slides themselves. I tried them inside this html but not inside the slideshow, and they work fine, but if I try to add them into the slider, nothing happens and that particular slide is simply blank. I have only tried the first one but it is not working. Here is my code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cycle2 with Carousel Slider</title>


<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>

    <script type="text/javascript" charset="utf-8" src="Infographic-1_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-3350547 { visibility:hidden; }
    </style>

<style>
.slideshow {
    width: 915px;
          height: 440px;
    margin: 0 auto;
    border: 1px solid silver;
.slideshow div {
    width: 915px;
          height: 440px;
/* slideshow pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color: #FF0004; }
.cycle-pager > * { cursor: pointer; }
/**End Cycle2 Carousel Styles**/
</style>
</head>
<body>
<header>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> with <a href="http://jquery.malsup.com/cycle2/demo/carousel.php">Responsive Carousel </a>Slider</h1>
</header>

<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="0"
data-cycle-pager="#pager"
data-cycle-carousel-visible="1"
data-cycle-carousel-fluid="true"
data-cycle-slides="div"
>

<div id="Stage" class="EDGE-3350547">
</div>
<div>
<p>Slide two content here...</p>
</div>
<div>
<p>Slide three content here...</p>
</div>
<div>
<p>Slide four content here...</p>
</div>

</div>

<div class="cycle-pager" id="pager">

</div>

<script>$.fn.cycle.defaults.autoSelector = '.slideshow';
</script>
</body>
</html>

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.

How to embed new youtube embed code in iweb

For some reason neither the embed code pasted into an HTML snippet nor the youtube URL pasted into a youtube widget display the youtube video when I publish the site.
The youtube video shows up in iweb the moment I paste either the URL into the youtube widget or the embed code into the html widget, but when I publish it, the youtube video doesn't display.
I thought it might have to do with the old vs. new embed code on youtube - the new makes it work as html 5 as well, but I've tried both the new and old code and can't get it to show up.
The last bit of info is that I have noticed that when i publish the changes, the snippet folder in the folder that gets published isn't updating - there doesn't seem to be anything in that folder that gets changed when i add, delete or edit any widget.

The YouTube widget no longer works as it was dependent on software on the MMe servers which are no more.
How are you publishing the site? Are you publishing to a folder on your hard drive and then uploading to the server with a 3rd party FTP client? Does the video play when you access the locally published site with your browser? If so then the problem lies with the uploading of the files.
If you're using iWeb 2 (08) be aware that there are compatibiliy problems with it and Mt. Lion when it comes to publishing. So check the site locally to make sure all is well before uploading.
This test page has two occurrances of a YouTube video, one with the old code, one with the old code and HTTPS and with HTTPS only: Page 2
OT

YOUtube embed code in a flash app

Ok so i want to be able to use the embed code from a Utube or
Revver video in a swf. I want to be able to call:
<object width="425" height="350"><param name="movie"
value="
http://www.youtube.com/v/7L87zqOVqXk"></param><param
name="wmode" value="transparent"></param><embed src="
http://www.youtube.com/v/7L87zqOVqXk"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="350"></embed></object>
to the stage with a button. how can i do this?
-Thanks

Use the YouTube widget from the Widget Library. It avoids this crash. (The next major update of Muse will enable you to once again use the embed code, if you prefer that over the widget.)
https://creativecloud.adobeevents.com/ccnext

Youtube embed vdeos donot work in AIR javascript

i try to embed youtube video in HTML page inside AIR ,
youtube player say the video not available when i try to play it ,
please help ?????????????????????????????

Youtube videos work in AIR (in general). If you show how you
are embedding the video, someone might spot the error.
Either of these work for me:
<object width="425" height="355"
type="application/x-shockwave-flash">
<param name="movie" value="
http://www.youtube.com/v/fDrlL7M7SgQ&hl=en"></param>
<param name="wmode" value="transparent"></param>
</object>
Or (straight from YouTube):
<object width="425" height="355"><param name="movie"
value="
http://www.youtube.com/v/fDrlL7M7SgQ&hl=en"></param><param
name="wmode" value="transparent"></param><embed src="
http://www.youtube.com/v/fDrlL7M7SgQ&hl=en"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="355"></embed></object>

Youtube embed is breaking my animation

Similar Messages

Maybe you are looking for