MAGIX Help Center

Adding videos to popup layers

It is possible to create links to hidden layers — e.g. layers that contain videos, photos, iframes and other content.

In this example, we'll show you how to create four layers with videos on them. And then we'll show you how to tell those videos to play automatically.

  1. Open the Page & Layer Gallery and click the "New Layer" button. 
  2. Create a layer and call it "Video 1 (lock) (fade-in 5) (fade-out 5)".
  3. Select the "Video 1 (lock) (fade-in 5) (fade-out 5)" layer, import a video onto the page and place it wherever you want. 
  4. Repeat steps 1 through 3 to create three additional layers called "Video 2 (lock) (Fade-in 5) (Fade-out 5)", "Video 3 (lock) (Fade-in 5) (Fade-out 5)" and "Video 4 (lock) (Fade-in 5) (Fade-out 5)".
  5. Hide all four video layers and make the MouseOff layer visible. 
  6. Add four text lines: "Video 1", "Video 2", "Video 3" and "Video 4".
  7. Select the "Video 1" text line and press Ctrl+Shift+W to open the Web Properties.
  8. In the field "Link to Web or Email Address", enter the following: Open ""Video 1 (lock) (fade-in5) (fade-out5)""" Close ""Video 2 (lock) (fade-in5) (fade-out5)""". ""Video 3 (lock) (fade-in5) (fade-out5)"". ""Video 4 (lock) (fade-in5) (fade-out5)"". 
  9. Do the same for "Video 2", "Video 3" and "Video 4" and rename the popup layers accordingly to open and close the correct layers. 
  10. You can also close an open popup layer without opening another one. To do this, make the "Video 1" layer visible and editable and add a text line with the name "Close". Select it, press Ctrl+Shift+W and enter the following in the "Link to Web or Email Address" field: "popup: close". Click "OK", copy the text object and paste it onto the other three popup layers.

If you want your imported video to play automatically when the popup layer opens, follow these steps:

  1. Select the video, press Ctrl+Shift+W to open the Web Properties and go to the "Placeholder" tab.
  2. Scroll through the HTML text and look for two entries for "autoplay=". 
  3. Change both entries to "autoplay=true".  
  4. Click "OK".

Explanation

Layer properties add properties and attributes to layers which change how they behave. The property "(lock)" disables clicking on the rest of the page (except for the hyperlinks) when the layer opens.
In our example, we used the "lock" property to prevent the popup layer from closing again on its own.

The attribute "(fade-in 5)" is optional and generates a transition (fade) when the layer is loaded. Without this attribute, the video would open immediately without any transition.
The number represents the fade-in speed and can be set between 1 and 5. (1 is slowest, 5 is fastest).

The attribute "(fade-out 5)" defines the fade-out behavior for the layer.  The number represents the fade-out speed and can be set between 1 and 5.  

Important: The "(fade-in)" and "(fade-out)" attributes do not need to be used in conjunction with one another. It is possible to have a layer fade in and then close immediately without any transition, and vice versa.