Edge Animate CC :: Remove Video Controls And Add Replay Button On Page
Jun 21, 2013
I am trying to create a page in Adobe Edge that loads a video without any controls (play, slider bar, volume, full screen) and then displays a replay button after the video finishes which will start it from the beginning.
Currently I am able to load the video file and have it play to the end and stop, but I can't seem to get a replay button working. I also can't find a way to disable controls on the video so they do not show.
Here is the code I am using to load the video:
// insert code to be run when the composition is fully loaded here
$("#Stage").css("margin","auto")
sym.stop();
[Code]....
As you can see, I tried a few ways of disabling the controls, and I also tried adding the replay function to the button itself, but neither of those worked. controlling the video control display and replay function in Adobe Edge would be very useful.
I've created a new video player for my client who has bounced the job as the subs are overlaid by the controls of the video - he still wants the full screen option but does not want to see the controls once you play the video.
2. On a click event, an larger image of the region is loaded with the following code. On mouseover the name of the county appears and on click a popup (symbol) shows some info.
3. In the popup symbol, I want the large image map to be remove on the click event of the button: "View another region" . I have the following code which does not work (the image is not removed) resulting in what you see below:
how I can control another Edge animation and/or html element of a single page from a custom Edge animated button? For example, I created an animated tabbed buttons in Edge, then I want to animate a different Edge animate once I clicked on a button in the other Edge animation. I want to add multiple Edge animation in one page instead of one big Edge animation. This is partly because the design of the page is done is Muse with the parallax effect.
I followed the adobe tutorial to manually create an html page in order to have two edge animations on a page but it doesn't work well. The second animation starts but not the first one (I can see the first frame only).
i am working on a slide show with photos, each show is marked with a title (slide1, slide 2...etc) i know how to simpy click on each photo and have it go to the next slide but i am having an issue with a button thet says (next).
I am working on my first DPS project for iPad(s). I had a lot of flash experience in the past and I really like the workflow of Edge Animate. I have created an OAM and placed it in Indesign in it's own (cover - page 1) folio. I planned to just place an InDesign Hyperlink button on top of the OAM inside of the InDesign document and publish it. When I download and open the file on the iPad using the Adobe Content Viewer, the button for the web url does not appear (doesn't work on the local viewer either).
Is it not possible to place other overlay items on top of Edge Animate files? Do I need to include the button in the Edge Animate OAM?
I also saw on another post where having trouble with a white FLASH using the autoplay... I am having that too, but I also see a rough-jaggy version of the poster image for a split second between the loading stage and the main stage during INITIAL playback.
I've just started working with Edge Animate and have been building some animated buttons for a website. My problem is that I can't publish what I've created, the 'publish' button is greyed out and I cant use it. I can access the publish settings without any problems.
my publish button is not pressable so i go to file>publish options once im there i choose a folder on my desktop to export it to but it never shows up... (also i can only press on the "save" button doesnt give me the option to publish.. do you have to save it somewhere special? IM TRYING TO CREAT AN OAM FILE FOR ADOBE MUSE... i can save it to my desktop but then it just apears to be html.. what am i doing wrong????
I'm new to Edge, Javascript and HTML5 (coming from Director/Flash/After Effects background) I'm wondering if there's a way to target a nested symbol from a button. I would like to make a simple Pause/Play toggle button that stops a nested symbol is it's playing and plays it if is stopped. In software's I'm familitar with, this can be done with a simple target path and if/else conditional statement, but I can't find any examples that don't seem much more complicated.
So my animation is a song and I'm doing like a video clip with interactivity (the interactivity is not inside at the moment).I need to have a play button so we can see (heard) on iPhone, iPad...
My problem is that the animation begin immediately behind the play button and before I press it.So the song and the animation are not synchronize.I try many things to stop the animation but nothing is working.
How do I use a button being clicked to trigger a function within CompositionReady? My overall aim is an On/Off button, the 'OnOffStatus' of which can be used to determine other factors within the program.
Is there a way to stop all actions once a hotspot has been pressed? I have loaded an mp4 video into my presentation. I have created a slide menu that goes right to left. I made sure to turn the buttons on only in the areas that they are needed. Once I play the movie, it works fine, but when I select my navigation to go to another page the video is still playing in the background.
I have a continuously moving looping slide show that has back and next buttons. When you press the next button it should move forward one where ever it is on the timeline every time you click it and the same for the back button.
This is the code I am using but the the problem is that it goes to else {sym.play("one");} when the button is clicked. No matter where in the timeline the next button is clicked, it goes back to number one. I don't know much about coding and I have tried everything to fix this but I am stuck.
var pos = sym.getPosition() if (pos <= "one"){ sym.play("twenty"); } else if (pos <= "two"){ sym.play("three"); }
I have an animation with 5 different parts. I would like to trigger a random part when clicking on a button.
In order to do that I put labels on all parts (play1,...,play5). Then I put a code on the button on the click event :
var RandomNb=Math.floor(Math.random()*5) if(RandomNb=1){sym.play("play1");}
It is just a simple test but it does not work : the animation play1 is always played no matter the value of RandomNb. I obviously make something wrong but I don't know what...
I have an animation that runs for around 2 minutes. I want to add a button that the user can click to pause/play this animation if they want extra time to read the content on screen. I'm not sure how to tell a button to pause at the current frame and resume when clicked by the user. The button will also need to change states from a pause image to a play image when clicked and vice-versa.
how can I get a Random Number in a Text by clicking a button?
For example: I have an already animated object [a dice] as button and I have a Text object located on other part of the stage and where should appear the random number from 1 to 6.
I have tried in CreationComplete and compositionReady, and in the Click option in the button, one of these two options:
Math.floor((Math.random()*6)+1); var ran_number=Math.floor(Math.random()*5;
I have also tried in the dice image [button] within the symbol this [with one of the two previous codes]:
I have an animation in Edge, and I'm trying to make a button that can play the timeline for a specified amount of time and then stop, without the aid of labels. So, I figured if i set the button to sym.getSymbol("mysymbol").play(500); it would make the timeline of that symbol play for 500 milliseconds each time the button is clicked, but it is not working, as this makes the whole thing simply start playing at 500ms. So I then tried adding a stop action after this:
But this didn't work, because I guess since these events are one after the other, it doesn't wait 500 seconds to stop, and it reads stop(500) immediately after the play instruction, so that didn't work either. I'm pretty new to javascript, but I've been really trying to learn it along with the Edge API for a couple weeks now and still can't seem to solve this problem.
I have a website banner made in edge with links to other pages of the site. The banner itself is within an iframe (Generally I avoid iframes but I had no option with this one). If you click a link, it will take you to the right page. However if you click the browser's back button, the original page begins to load but quickly redirects you forward again, thus virtually removing the back buttons functionality. However if I click "back" a second time, it works.
Another peculiar thing is that when the page loads, the contents of the page that I am navigating to start to load within the iframe before it redirects. I tried adding "_parent" as a target attribute to all my links but the problem remains. Does edge automatically detect iframe usage and assign link targets to the _parent frame with jQuery?
How to customize the Submit button in EdgeHero forms? I would like the button to say something other than "Submit". I tried embedding text into the rectangle, but when the page is rendered in a browser, it throws the text outside of the submit button box and it still says "Submit" on the button.