How to create a website video background in Adobe Edge?
Hello
I have the video file on my SSD drive computer and I want to play as a backdrop on my web page (a page I created). I tried to watch this video:
How to create a website video background in Adobe Edge animated using Edgehero - YouTube
but I can't follow 100% what she does.
Guide I've tried to follow is at this link: How to create A Web site video in Adobe Edge bottom animate using Edgehero - YouTube
Steps I do in Adobe Edge animate CC
1.) create new
2.) I click on + sign article library > > Scripts > > add a JS of URL file...
URL that I add is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js (URL is taken from site: Edgehero.js
)
I add this link:http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL
3.) I go to Edgehero.js and from there i scrol down to section named as
Media - video Html5 / Html5 audio
and here I select this option:
There is a code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
4.) I go to Adobe Edge animate CC 2014 and right-click on the project and select Actions open to "Stage".
and then I click on + sign and select creationComplete
This will open the window of the scene
Here I copy this code: // this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
5.) then I click on + sign under the library > > video
and I add video to my computer disk SSD.
Video is called as video3.mp4
Now I eddit code in the window of the scene (see above)
code will look like after editing like this:
Can I change under the left-side px to %
6.) then I copy the Code in step backgroundvideo_1:
Then I select the Rectangle tool and mark the box (white box) and I click on the little icon of C
And the box that takes place I type here backgroundvideo_1_mp4 autoplay
now when I use ctrl and enter I get only a gray box that does not play video.
What I am doing wrong?
I drag and drop a video from the side straight to rectangle window and the side left, I clicked on loop playback and it started working as it should.
Tags: Edge Animate
Similar Questions
-
How to put a website in muse of Adobe for editing
How to put a website in muse of Adobe for editing?
Adobe Muse permits .muse file for editing. You cannot import a created page previously said in Dreamweaver in Muse.
-
How to create multilingual website
Is Hi possible to create a multilingual page in adobe Muse?
Hello
Please see the links below, I'm sure you will find them useful
How to create a multilingual site
How to set up a multilingual with Adobe Muse website and push it live Adobe Business Catalyst
How can I create a multilingual website?
Concerning
Vivek
-
How to create a website cc Dreamweaver that looks good on computers, tablets and Smartphones
How to create Web sites for multiple platform? Y at - it for that training on Adobe?
Thank you
Don
Take a look at this framework Bootstrap · Front frame-first and sensitive and mobile more popular worldwide.
This is a great tutorial Bootstrap 3 tutorial
-
How to create an extension of html5 for adobe indesign cc 2014 using builder extension 3?
I am tryieng to create an extension of html5 for adobe indesign cc 2014 by reference tutorial
Create the HTML5 Extension in 5 Minutes
After debugging the indesign extension in windows > extensions are not visible?
screenshot below shows.
Is there any plugin sdk is required to create the extension html5 in adobe indesign cc?
How to open a custom extension html5 in indesign cc?
Is theire any tutorial is theire to create an extension of html5 for adobe indesign cc?
Thanks in advance for the help.
Thanks for the reply. I use adobe indesign cc 2014 windoxs 7 64-bit
I've changed the target and path of service below show application.
is - this plugin works in few 2014 adobe indesign cc?
can u send me pls link for download adobe indesign cc 64 bit. Theire is a sdk required for plugin.
-
How to create a website similar to this one? (was: Web design)
I found this site to a friend. I want to design my Web site in the same direction. But I do not know the technique in how to do it. Did someone knows how it is called and all site Internet/help I can find on how to learn to do that? What is the best software to use on?
Thank you
Hi Rhysist,
There are many ways in which you can create a site like this. You can hard-code, you could use the widgets and extensions to make your work easier. It depends on your level of comfort with the design and code. Check out jquery plugins http://www.vandelaydesign.com/jquery-slideshow/
Thank you
Preran
-
How to create a usable video file?
read here on this subject but am still clueless. I have a small video to MPEG file I would like to put on my site. I use DW 8. How can I do this? DW 8 give me the message that it "cannot find a valid editor to read the file." Can someone guide me through this? than youliftik wrote:
> This is the question how to convert to Flasht?Unless you have Flash then you have to find a 3rd application gone do
It - try Googling "MPEG to Flash.HTH
--
Chin chin
Sinclair -
How to create the gallery video lightbox
I'm trying to get a video gallery lightbox, but what selection videos are grayed out and cannot be selected. what I am doing wrong?
You can insert video widgets in composition containers or add custom code for player with related video files and insert into the composition container.
Thank you
Sanjit
-
How to create a website in flash with multiple URLS?
I'm not great flash and do a site that has a few different tabs for different pages. How to make the different URLS for each page? I want to follow each page separately.
Thank you.
Use (as2) getURL() or navigateToURL() (as3).
-
Photoshop World.I am an old newbie, not a digital technology or computer technology, just a tired photographer retired. In collaboration with Adobe software that is loaded on the system and a new computer a few weeks ago. I have only one goal. To create puppets in PS, AF and me. I've seen many, many hours of tutorials. Here, all the greats, but they assume that the viewer knows what is being discussed. I read a lot of PDF on Adobe applications. But I am now so confused as to what I have to start in the direction. In the 1960s, when I started my photography, I at least knew how to load the dam film in the camera.
My plan was: create a unique original puppet. Give him all possible functionality available. Practice, practice all summer. In the fall I will be asked to take the kids basic art work and turn them into custom puppets.
Old age, taught me a good lesson. If you need help, ASK.
Thank you
Bob
Puppets?
Not sure that Photoshop is the appropriate application. Can explain in more detail what you are trying to create. It of an animation or you want something printed on a 3D printer or what?
-
How to create a new editable section? Adobe Muse
Hello! I'm building a website with Adobe Muse. In the home page, I have some news, but I don't have a problem. Actually, I should add regular news on the site, but I don't want to edit the HTML code or with Adobe Muse site. I would like to create an admin user who can publish news as we do in all social networks. Thanks for the availability
All of these things requires a dynamic backend you on blogs. Other usage of widgets of respective services and suppliers or pay for a plan Business Catalyst Pro equipped with these features, you can only use the RSS widget to connect to an existing blog or else as feed.
Mylenium
-
How horizontally to return the video clip in Adobe Premiere elements 11?
I know that the EPA 11 is able to turn the clip left or right but I need to return a short video clip horizontally. Walks something like the switch object in from right to left.
How can I make EPA 11?
Thank you.
AAClub
Please refer to the fx effects/transformation/and the option it Flip Horizontal.
Please let us know the result once you have dragged the effect in the clip in the timeline. She reached to the effect that you wanted?
We can refine the information based on the details in your response.
Thank you.
RTA
-
How to create an error page 404 on Adobe Muse?
I would like to create a simple error page 404 for my site, so that way if someone is on a dead link I can redirect to the home page. Is it possible to do with the Muse or through Business Catalyst?
What you want to do is to make research on 301 redirects...
https://support.Google.com/webmasters/answer/93633?hl=en
Hope that helps! ;-)
-
How to reduce the size of a file Adobe Edge animate?
I'm trying to get the zipped file size up to 150 kb or less, and the closest I can get is 439 kb. I tried the following until now:
- delete unnecessary files before publishing
- toggled active .png for lower quality .jpg assets where I can
- published using the "Host on Adobe CDN runtime files" - I read that it can reduce the size of the file of 80%
I'm pretty new to the software, and there is certainly a chance that I do not have something good. You can view the file here if you are interested in taking a look. If anyone has any suggestions, I would appreciate your insight!
Thank you
Cassie
Yes, I did! First of all that I have lived and made sure I had my images at the smallest possible file size. Then, after the publication in the destination folder, I went in the 'images' folder and deleted the file "thumbs.db" Edge is automatically created. Makes a HUGE difference in the size of the file! Hope that works for you too!
-
video timeline in Adobe Edge control
Hello
I would like to know if it is possible to control a html5 video on board?
For example, I added a video with the video tag html5, and I want the video to play and stop after 20 seconds. Then, play some animation on my dashboard calendar. I guess the video must be controlled by Javascript?
Thanks in advance for your answers!
Chris
ow I'm sorry, I made a small project that shows a div after 2 seconds and stops the video using edgehero.js
Maybe you are looking for
-
How to change the title of a folder of bookmarks
Windows 8 Pro 64 bit download last update for firefox 18.0.1, however, how the hell change or change titles that I have assigned to their cases and the different bookmarks?
-
No remote access to the admin page local account mynetgear
I used happily log into my RN10200 remote and access to everything, including the local administration page. Who has been using ReadyCloud, i.e. before the access of the Web page without hope we get using mynetgear. Page Web tells me that it is no lo
-
Series F-300 HP all-in-one: the complete elimination of HP F - 300 Series All In One Printer
I can't remove all the F-300 series printer parts after deletion
-
Compaq Presario CQ60: 'power to enter the password'
Hello my work laptop is stuck on this screen "Enter power on Password. The key that I receive after you have entered the wrong password after 3 times is 90046631. Can you help me?Thank you.
-
HP photosmart 8250: 8250 printer paper tray doesn't slide.
8250 printer paper tray doesn't slide, seems blocked but nothing seen looking into the slot, how can I get the tray to go?