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

1.JPG

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:

2.JPG

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".

3.JPG

and then I click on + sign and select creationComplete4.JPG

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.JPG

5.) then I click on + sign under the library > > video

6.JPG

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:

7.JPG

Can I change under the left-side px to %

8.JPG

9.JPG

6.) then I copy the Code in step backgroundvideo_1:

10.JPG


Then I select the Rectangle tool and mark the box (white box) and I click on the little icon of C
11.JPG

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?

    Muse: Multilingual Site?

    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.

    Untitled.png

    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)

    http://benjaminscrase.co.UK/

    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 you

    liftik 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).

  • How to create puppets in Photoshop and other Adobe software? [Was: can someone help me?]

    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

    https://app.box.com/s/9c8q7kcb2bcpz70ujjve

Maybe you are looking for